jQuery的手風琴菜單：設置活動類

Question

我有一個摺疊式菜單：

<ul id="menu"> 
    <li> 
     <a href="#" class="highmenu">Menu1</a> 
     <ul class="sub"> 
      <li class="submenulink">Menu1Link1</li> 
      <li class="submenulink">Menu1Link2</li> 
     </ul> 
    </li> 
    <li> 
     <a href="#" class="highmenu">Menu2</a> 
     <ul class="sub"> 
      <li class="submenulink">Menu2Link1</li> 
      <li class="submenulink">Menu2Link2</li> 
     </ul> 
    </li> 
</ul> 

而這裏的jQuery腳本我使用：

$(document).ready(function() { 
    var pathname = window.location.pathname; 
    $("#menu ul").hide(); 
    $("#menu a[href='" + pathname + "']").parents(".sub").show(); 
    $("#menu li a").click(function() { 
     var checkElement = $(this).next(); 
     if ((checkElement.is("ul")) && (checkElement.is(":visible"))) { 
      return false; 
     } 
     if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) { 
      $("#menu ul:visible").slideUp("normal"); 
      checkElement.slideDown("normal"); 
      return false; 
     } 
    }); 
}); 

我想有是，當特定子打開，相應的高級菜單將被設置爲highmenu active類，當子被隱藏時，活動類將被刪除。

任何幫助將不勝感激，謝謝！

Answer 1

這個怎麼樣。你點擊一個鏈接，每次從所有鏈接中刪除所有的活動類，那麼它僅適用於相應的一個：

var pathname = window.location.pathname; 
$("#menu ul").hide(); 
$("#menu a[href='" + pathname + "']").parents(".sub").show(); 
$("#menu li a").click(function() { 

    $("#menu li a").removeClass("active"); 
    $(this).addClass("active"); 

    var checkElement = $(this).next(); 
    if ((checkElement.is("ul")) && (checkElement.is(":visible"))) { 
     return false; 
    } 
    if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) { 
     $("#menu ul:visible").slideUp("normal"); 
     checkElement.slideDown("normal"); 
     return false; 
    } 
});​ 

工作小提琴這裏：http://jsfiddle.net/jKGNA/