变化兄弟姐妹里的背景颜色为引导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下拉菜单

回答

相关问题