javascript - 可折叠 list

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

示例http://jsfiddle.net/Ed9nk/8/

在上面提到的示例中，我希望默认情况下折叠Grand Child Menu / 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();，因为它破坏了格式。

最佳答案

尝试这个：

 $('.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/

关于javascript - 可折叠 list ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25032189/