several data toogle atributes at once - Bootstrap Options

[joe coolman]

I have 4 tabs and they nicely selectable except the last one which is a dropdown menu, I select one of the three submenu but the menu3 is not shown as selected, instead the selected tab before.

CODE

  <ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#menu0" onclick="load_menu(0)">Home</a></li>
    <li><a data-toggle="tab" href="#menu1" onclick="load_menu(1)">Menu 1</a></li>
    <li><a data-toggle="tab" href="#menu2" onclick="load_menu(2)">Menu 2</a></li>
    <!-- <li><a data-toggle="tab" href="#menu3" onclick="load_menu(3)">Menu 3</a></li> -->
       <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#menu3">Menu 3 <span class="caret"></span></a>
          <ul class="dropdown-menu">
                <li><a href="#sbm1" onclick="load_smenu(1)">Submenu 1-1</a></li>
                <li><a href="#sbm2" onclick="load_smenu(2)">Submenu 1-2</a></li>
                <li><a href="#sbm3" onclick="load_smenu(3)">Submenu 1-3</a></li>                        
          </ul>
        </li>
  </ul>

How can I set the data-toogle in menu3 as dropdown and tab at same time?

[Christian J]

This seems to be about the Bootstrap framework, and seems to involve javascript, so I move the thread to Client-side Scripting.

In any case I suspect more information is needed, so please post (or link to) a complete sample page.

[Christian J]

I select one of the three submenu but the menu3 is not shown as selected, instead the selected tab before.

You mean you both want to display the menu3 tab's content and open a dropdown in front of it at the same time? Won't the tab content be obscured by the open dropdown then?

According to http://getbootstrap.com/javascript/#tabs , nested tabs are not supported.