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/