可折叠的列表

Collapsible list

本文关键字：列表 可折叠      更新时间：2023-09-26

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

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

例子

在上面提到的例子中，我希望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();，因为它破坏了格式化。

试试这个:

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

它看起来像你试图点击锚项，当它是隐藏的，所以你需要点击.has面板本身。

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

相关文章：