javascript - tabblable inside tabbable twitter bootstrap -


im making admin panel... many forms want clasify category im trying this

div.tabbable     ul#first-tab.nav.nav-tabs         li.active             a(href='#datos-de-usuario',data-toggle='tab') datos de usuarios         li             a(href='#datos-de-comercio',data-toggle='tab') datos de comercio     div.tab-content         div#datos-de-usuario.tab-pane.active             div.tabbable.tabs-left                 ul#second-tab.nav.nav-tabs                     li.active                         a(href="#formulario-nuevo-usuario") nuevo usuario                     li                         a(href="#formulario-borrar-usuario") borrar usuario                 div.tab-content                     div#formulario-nuevo-usuario.tab-pane.active                         h2 tab nuevo usuario                      div#formulario-borrar-usuario.tab-pane                         h2 tab borrar usuario          div#datos-de-comercio.tab-pane             h2 other content in comercio 

the first tab button (#first-tab) works fine second (#second-tab) dont work click , never changes nothing happends.

can post html jade template creating?

tabs inside tab content should work fine...

  <div class="tabbable">     <ul class="nav nav-tabs">       <li class="active"><a href="#tab1" data-toggle="tab">section 1</a></li>       <li><a href="#tab2" data-toggle="tab">section 2</a></li>     </ul>     <div class="tab-content">       <div class="tab-pane active" id="tab1">         <p>i'm in section 1.</p>       </div>       <div class="tab-pane" id="tab2">         <p>i'm in section 2.</p>         <div class="span8">         <div class="tabbable tabs-left">         <ul class="nav nav-tabs">           <li class="active"><a href="#tab3" data-toggle="tab">section 3</a></li>           <li><a href="#tab4" data-toggle="tab">section 4</a></li>         </ul>         <div class="tab-content">           <div class="tab-pane active" id="tab3">             <p>i'm in section 3.</p>           </div>           <div class="tab-pane" id="tab3">             <p>i'm in section 4.</p>           </div>         </div>         </div>       </div>             </div>     </div>   </div> 

demo


Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

qt - Errors in generated MOC files for QT5 from cmake -