Javascript jQuery可扩展菜单

@Yoshi:谢谢。我会在这里补充答案，希望能帮助别人

HTML

$(document).ready(function() {
    // Collapse everything but the first menu:
    $("#accordionMenu > li > a").not(":first").find("+ ul").slideUp(1);
    // Expand or collapse:
    $("#accordionMenu > li > a").click(function() {
        $(this).find("+ ul").slideToggle("fast");
    });
});

---

不要忘记包括jQuery库：）

什么不起作用？你看到错误了吗？奇怪的行为？请描述一下。@Random-see:@Mathletics:我的菜单没有扩展，不知道为什么。虽然我会使用

.hide（），但没有JavaScript错误对我来说很好

而不是

.slideUp（1）介意说明您在这里指的是哪个jQuery库吗？@fraxture:意思是哪个版本？jQuery>=1.9.x
$(document).ready(function() {
    // Collapse everything but the first menu:
    $("#accordionMenu > li > a").not(":first").find("+ ul").slideUp(1);
    // Expand or collapse:
    $("#accordionMenu > li > a").click(function() {
        $(this).find("+ ul").slideToggle("fast");
    });
});

<div id="firstDiv">
    <div id="secondDiv">
        <ul id="accordionMenu">
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a>
                <ul>
                    <li><a href="#">suboption 1</a></li>
                    <li><a href="#">suboption 2</a></li>
                </ul>
            </li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
            <li><a href="#">menu item</a></li>
        </ul>
    </div>
</div>

// Collapse everything but the first menu:
$("#accordionMenu > li > a").not(":first").find("+ ul").slideUp(1);

// Expand or collapse:
$("#accordionMenu > li > a").click(function() {
    $(this).find("+ ul").slideToggle("fast");
});​