jQuery手风琴菜单(3级)如何?

阿列克西·柳科宁(Aleksi Liukkonen)

我有这个jQuery代码:

$(document).ready(function(){
$("#accordion2 h3").click(function(){
    //slide up all the link lists
    $("#accordion2 ul ul").slideUp();
    //slide down the link list below the h3 clicked - only if its closed
    if(!$(this).next().is(":visible"))
    {
        $(this).next().slideDown();
    }
})
})

和HTML:

<div id="accordion2">
<ul>
    <li>
        <h3>Articles</h3>
        <ul>
            <li><a href="#">Nature</a>
            <ul>
              <li>Wild life</li>
              <li>Flowers</li>
              <li>Animals</li>
            </ul>
            </li>
            <li><a href="#">Earth</a></li>
            <li><a href="#">Space</a></li>
            <li><a href="#">Ocean</a></li>
            <li><a href="#">Land</a></li>
        </ul>
    </li>
</ul>
</div>

我如何修改jQuery代码,以便用户可以向下滑动“自然”及其内容?3第三级菜单。

提摩

我猜这就是你所追求的?如果不是,请澄清您的问题。

$(document).ready(function(){
    $("#accordion2 h3").click(function(){
        $(this).next().slideToggle();
    })
     $("#accordion2 ul ul li a").click(function(){
        $(this).next().slideToggle();
    })
})

工作演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何创建一个简单的三级jQuery手风琴菜单?

来自分类Dev

如何制作活动的 jQuery 手风琴菜单?

来自分类Dev

带有嵌套手风琴菜单的 JQuery 手风琴菜单

来自分类Dev

单击父级时,如何在jQuery手风琴菜单中同时打开父级的子级和子级?

来自分类Dev

手风琴菜单如何使所有类别扩展?-jQuery Accordeon菜单

来自分类Dev

Bootstrap 3手风琴vs jQuery UI手风琴

来自分类Dev

将菜单添加到jQuery手风琴

来自分类Dev

关闭打开子菜单-jQuery手风琴

来自分类Dev

带有嵌套的jQuery手风琴菜单

来自分类Dev

jQuery手风琴菜单活动打开

来自分类Dev

手风琴菜单上的jQuery dotdotdot

来自分类Dev

jQuery手风琴菜单中某些元素滞后

来自分类Dev

自定义手风琴菜单,jQuery

来自分类Dev

jQuery手风琴菜单活动打开

来自分类Dev

jQuery子菜单手风琴

来自分类Dev

手风琴Jquery多菜单导航

来自分类Dev

jQuery手风琴菜单,使标题超链接

来自分类Dev

调整手风琴菜单的大小jQuery

来自分类Dev

创建jQuery手风琴菜单的更好方法?

来自分类Dev

jQuery通过URL扩展嵌套手风琴菜单

来自分类Dev

引导程序3中的手风琴菜单

来自分类Dev

使用jquery或javascript为父级和子级属性创建手风琴下拉菜单

来自分类Dev

刷新后如何使我的网站记住我的Jquery手风琴菜单状态?

来自分类Dev

如何折叠由div组成的jQuery手风琴菜单?

来自分类Dev

刷新后如何使我的网站记住我的Jquery手风琴菜单状态?

来自分类Dev

如何使用jQuery dynatree插件作为手风琴菜单?

来自分类Dev

Flash手风琴菜单

来自分类Dev

手风琴菜单动画排序

来自分类Dev

垂直手风琴菜单CSS