Question

默认情况下，我需要使三级菜单可折叠，当用户点击三级菜单时，如果它具有三级元素，则应该展开。

在上面提到的示例中，我希望默认情况下折叠Grand Child Menu / level 3菜单，并且当单击父菜单时它应该展开。

我尝试添加以下脚本，但无效。

//Collapseble MEGA Menu
//initMenu();

function initMenu() {
    $('.dropdown .has-panel div').hide();
    $('.dropdown .has-panel ul').hide();
    $('.dropdown .has-panel ul li a').click(

function () {
    $('.dropdown .has-panel ul').hide('normal');
    $(this).next().slideToggle('normal');
});
}

我在小提琴示例中对initMenu();进行了评论，因为它打破了格式化。

Answer 1

试试这个：

 $('.dropdown .has-panel div').hide();
 $('.dropdown .has-panel ul').hide();
 $('.dropdown .has-panel').parent().click(function(){
        $("ul", this).toggle("slow");
    });

看起来您正在尝试单击隐藏项时的锚项，因此您需要单击.has-panel本身。

更新：http://jsfiddle.net/Ed9nk/18/

可折叠列表

1 个答案: