jQuery的選擇，除了自我所有兄弟和孩子

Question

我試圖做的是複製的手風琴式的jQuery插件

我有以下代碼：

$('a').on('click', function (e) { 
    var active = $(this).parent().next(); 
    active.toggleClass('active'); 
    active.siblings().not(active).removeClass('active'); 
    e.preventDefault(); 
}); 

雖然active.siblings（）不（有源）.removeClass（ '激活'）;不起作用 我希望如何操作我基本上希望它選擇所有兄弟姐妹的UL標籤和任何兄弟姐妹的UL標籤，但不包括活動/當前選擇。

我已經安裝此琴作爲一個例子http://jsfiddle.net/7u3pw1hz/

Answer 1

的問題是，其他ul元素都沒有兄弟姐妹，他們是兄弟的電流li

$('a').on('click', function(e) { 
 
    var active = $(this).parent().next(); 
 
    active.toggleClass('active'); 
 
    active.parent().siblings().children('ul').removeClass('active'); 
 
    active.find('ul').removeClass('active'); 
 
    e.preventDefault(); 
 
});

ul ul.active { 
 
    max-height: 800px; 
 
} 
 
ul ul { 
 
    max-height: 0; 
 
    overflow: hidden; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<ul> 
 
    <li><span><a href="category.html">Shop</a> <i class="icon-expand_more"></i></span> 
 
    <ul class="active"> 
 
     <li> 
 
     <span><a href="category.html">Sleeping Bags</a> <i class="icon-expand_more"></i></span> 
 
     <ul class="menu"> 
 
      <li><a href="category.html">Medium Sleeping Bags</a></li> 
 
      <li><a href="category.html">Winter Sleeping Bags</a></li> 
 
      <li><a href="category.html">Summer Sleeping Bags</a></li> 
 
     </ul> 
 
     </li> 
 
     <li> 
 
     <span><a href="category.html">Swaddles</a> <i class="icon-expand_more"></i></span> 
 
     <ul class="menu"> 
 
      <li><a href="/shop/wraps/fitted-wraps">Fitted Wraps</a></li> 
 
      <li><a href="/shop/wraps/merino-wraps">Merino Wraps</a></li> 
 
      <li><a href="/shop/wraps/muslin-wraps">Muslin Wraps</a></li> 
 
      <li><a href="/shop/wraps/stretch-cotton">Stretch Cotton</a></li> 
 
      <li><a href="/shop/wraps/fitted-wraps">Fitted Wraps</a></li> 
 
      <li><a href="/shop/wraps/merino-wraps">Merino Wraps</a></li> 
 
      <li><a href="/shop/wraps/muslin-wraps">Muslin Wraps</a></li> 
 
      <li><a href="/shop/wraps/stretch-cotton">Stretch Cotton</a></li> 
 
     </ul> 
 
     </li> 
 
     <li> 
 
     <span><a href="category.html">Linen</a> <i class="icon-expand_more"></i></span> 
 
     <ul class="menu"> 
 
      <li><a href="/shop/wraps/fitted-wraps">Fitted Wraps</a></li> 
 
      <li><a href="/shop/wraps/merino-wraps">Merino Wraps</a></li> 
 
      <li><a href="/shop/wraps/muslin-wraps">Muslin Wraps</a></li> 
 
      <li><a href="/shop/wraps/stretch-cotton">Stretch Cotton</a></li> 
 
     </ul> 
 
     </li> 
 
     <li> 
 
     <span><a href="category.html">Clothing</a> <i class="icon-expand_more"></i></span> 
 
     <ul class="menu"> 
 
      <li><a href="/shop/wraps/fitted-wraps">Fitted Wraps</a></li> 
 
      <li><a href="/shop/wraps/merino-wraps">Merino Wraps</a></li> 
 
      <li><a href="/shop/wraps/muslin-wraps">Muslin Wraps</a></li> 
 
      <li><a href="/shop/wraps/stretch-cotton">Stretch Cotton</a></li> 
 
     </ul> 
 
     </li> 
 
     <li> 
 
     <span><a href="category.html">My Room</a> <i class="icon-expand_more"></i></span> 
 
     <ul class="menu"> 
 
      <li><a href="/shop/wraps/fitted-wraps">Fitted Wraps</a></li> 
 
      <li><a href="/shop/wraps/merino-wraps">Merino Wraps</a></li> 
 
      <li><a href="/shop/wraps/muslin-wraps">Muslin Wraps</a></li> 
 
      <li><a href="/shop/wraps/stretch-cotton">Stretch Cotton</a></li> 
 
     </ul> 
 
     </li> 
 
     <li> 
 
     <span><a href="category.html">Tool Box</a> <i class="icon-expand_more"></i></span> 
 
     <ul class="menu"> 
 
      <li><a href="/shop/wraps/fitted-wraps">Fitted Wraps</a></li> 
 
      <li><a href="/shop/wraps/merino-wraps">Merino Wraps</a></li> 
 
      <li><a href="/shop/wraps/muslin-wraps">Muslin Wraps</a></li> 
 
      <li><a href="/shop/wraps/stretch-cotton">Stretch Cotton</a></li> 
 
     </ul> 
 
     </li> 
 
     <li> 
 
     <span><a href="category.html">Wellbeing</a> <i class="icon-expand_more"></i></span> 
 
     <ul class="menu"> 
 
      <li><a href="/shop/wraps/fitted-wraps">Fitted Wraps</a></li> 
 
      <li><a href="/shop/wraps/merino-wraps">Merino Wraps</a></li> 
 
      <li><a href="/shop/wraps/muslin-wraps">Muslin Wraps</a></li> 
 
      <li><a href="/shop/wraps/stretch-cotton">Stretch Cotton</a></li> 
 
     </ul> 
 
     </li> 
 
     <li> 
 
     <span><a href="category.html">Feed</a> <i class="icon-expand_more"></i></span> 
 
     <ul class="menu"> 
 
      <li><a href="/shop/wraps/fitted-wraps">Fitted Wraps</a></li> 
 
      <li><a href="/shop/wraps/merino-wraps">Merino Wraps</a></li> 
 
      <li><a href="/shop/wraps/muslin-wraps">Muslin Wraps</a></li> 
 
      <li><a href="/shop/wraps/stretch-cotton">Stretch Cotton</a></li> 
 
     </ul> 
 
     </li> 
 
     <li> 
 
     <span><a href="category.html">Bath</a> <i class="icon-expand_more"></i></span> 
 
     <ul class="menu"> 
 
      <li><a href="/shop/wraps/fitted-wraps">Fitted Wraps</a></li> 
 
      <li><a href="/shop/wraps/merino-wraps">Merino Wraps</a></li> 
 
      <li><a href="/shop/wraps/muslin-wraps">Muslin Wraps</a></li> 
 
      <li><a href="/shop/wraps/stretch-cotton">Stretch Cotton</a></li> 
 
     </ul> 
 
     </li> 
 
     <li> 
 
     <span><a href="category.html">Carriers</a> <i class="icon-expand_more"></i></span> 
 
     <ul class="menu"> 
 
      <li><a href="/shop/wraps/fitted-wraps">Fitted Wraps</a></li> 
 
      <li><a href="/shop/wraps/merino-wraps">Merino Wraps</a></li> 
 
      <li><a href="/shop/wraps/muslin-wraps">Muslin Wraps</a></li> 
 
      <li><a href="/shop/wraps/stretch-cotton">Stretch Cotton</a></li> 
 
     </ul> 
 
     </li> 
 
     <li> 
 
     <span><a href="category.html">Gifts</a> <i class="icon-expand_more"></i></span> 
 
     <ul class="menu"> 
 
      <li><a href="/shop/wraps/fitted-wraps">Fitted Wraps</a></li> 
 
      <li><a href="/shop/wraps/merino-wraps">Merino Wraps</a></li> 
 
      <li><a href="/shop/wraps/muslin-wraps">Muslin Wraps</a></li> 
 
      <li><a href="/shop/wraps/stretch-cotton">Stretch Cotton</a></li> 
 
     </ul> 
 
     </li> 
 
    </ul> 
 
    </li> 
 
    <li><span><a href="category.html">Brands</a></span></li> 
 
</ul>

li元素的孩子