индивидуально скрывает выпадающие списки в соответствии с одним дочерним jQuery

Question

Итак, у меня есть мучительное множество перетаскивающих состояний (скрытых и показанных) в JQuery, но у меня есть код, который указывает боковой панели, какая страница активна и дает ее стиль активен, и я бы хотел, чтобы вы не спрятались, если в нем есть ребенок.

Ссылка верхнего уровня, которую вы нажимаете для просмотра раскрывающегося списка, получает идентификатор «HAC» (имеет активного ребенка), если у него активный ребенок, но я думаю, что я могу сжечь свой мозг.

Here's a jsfiddle page with the working demo of the problem.

выпадающий изложено, как это в нав

<ul id="HAC" class='topLevel'>     
    <li class='subItem'> 
     <a class="active" href='thatpage.php'>That page</a> 
    </li> 
    <li class='subItem'> 
     <a href='thatotherpage.php'>That other page</a> 
    </li> 
</ul> 

заранее спасибо за любую помощь

Answer 1

Я думаю, что вы ищете является jQuery :not selector. Вот an update to your fiddle

function dropDowns() { 
    //for each toplevel li a 
    $(".topLevel:not(#HAC) li a").each(function() { 
     //hide subitems if not HAC (has active children) 
      $(this).hide(); 
    }); 
    //Toggle show them on click 
    clickToggle(); 
}