jQuery手风琴菜单(3级)如何? [英] Jquery accordion menu (3 level) How to?

问题描述

我有这个jquery代码:

I have this jquery code:

$(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第三级菜单.

How do i modify the jQuery code so that the user can slidedown the "Nature" and its contents? 3 third level menu.

推荐答案

我猜这是您要追求的?如果没有，请澄清您的问题.

I'm guessing this is what you are after? If not, then please clarify your question.

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

工作演示

这篇关于jQuery手风琴菜单(3级)如何?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！