Question

我在手风琴菜单中使用以下jQuery：http://jsfiddle.net/fPWeq/

rel = 0;
$('.sub-menu').hover(function(){ // findind mouse postion
        rel = 1; // if mouse on submenu
    }, function(){ 
        rel = 0;  // if mouse out submenu
});
$('.menu > li').live("click",function(){
        if(!$(this).hasClass("active")){ // if not already opened
            $('.sub-menu').slideUp();    // hide all other submenu
            $('.sub-menu',this).slideDown();  // show which your clicked
            $(".menu > li").remove('active');  //  remove all active class in li
            $(this).addClass('active'); //adding active class which your clicked li
        }
        else{
            if(rel==0){
                $('.sub-menu').slideUp(); // if clicked already opend parent that will close
                $(this).removeClass('active'); // remove all active class
            }
            else{
            }
        }
});
;

我很难弄清楚如何在点击子菜单链接时关闭并再次打开活动（预打开）子菜单。

任何想法我做错了什么？

Answer 1

删除class="current-parent" 它不应该显示子开放。点击http://jsfiddle.net/fPWeq/1/

Answer 2

如果您想再次激活开启/关闭，.toggleClass("current-parent")也是一个不错的选择。

打开和关闭手风琴菜单？

2 个答案: