變化兄弟姐妹裏的背景顏色爲引導3下拉菜單

HTML變化兄弟姐妹裏的背景顏色爲引導3下拉菜單

<div class="navbar-collapse collapse"> 
    <ul class="nav navbar-nav"> 
     <li> 
      <a href="#about">User01</a> 
     </li> 
     <li> 
      <a href="#contact">Profile</a> 
     </li> 
     <li class="dropdown"> 
      <a class="dropdown-toggle" href="#" data-toggle="dropdown"> 
      Dropdown 
      <b class="caret"></b> 
      </a> 
       <ul class="dropdown-menu"> 
        <li> 
         <a href="#">User Control01</a> 
        </li> 
        <li> 
         <a href="#">User Control02</a> 
        </li> 
        <li> 
         <a href="#">User Control03</a> 
        </li> 
       </ul> 
     </li> 
     <li> 
      <a href="#contact">Link</a> 
     </li> 
    </ul> 
</div>

當點擊下拉鏈路變化用戶01和檔案裏的背景顏色我想是這樣;

enter image description here

下拉點擊的鏈接;

enter image description here

我怎樣才能做到這一點自舉3下拉菜單？

來源

2013-10-25 midstack

您可以切換白手起家.active類前面的兄弟姐妹：

$(".dropdown").click(function(){ 
    $this).prevAll().toggleClass("active"); 
});

例子：http://jsfiddle.net/52VtD/362/

來源

2013-10-25 12:43:37 412

這種運作良好，因爲沒有CSS以前的兄弟選擇。 – ZimSystem

作品，但當點擊的領域除了箭頭背景色不改變 – midstack

當你點擊下拉，李背景顏色改變，但如果你點擊頁面的空白字段，背景色不改變 – midstack

變化兄弟姐妹裏的背景顏色爲引導3下拉菜單

回答

相關問題