带有嵌套的 jquery Accordion 菜单

Question

我现在面临嵌套 Accordion 的问题。

演示:http://jsfiddle.net/cyber007/baUH8/ .. 第一级 Accordion 很好，现在我也需要第二级。就像

<li class='has-sub'><a href='#'><img src="images/icon-2.png" />General Setting<i>Protocol Utilization</i></a>
    <ul>
    <li><a href='#'><span>Widgets</span></a></li>
    <li class='has-sub'><a href='#'><span>Menus</span></a>
        <ul>
          <li><a href='#'><span>test 3rd</span></a></li>
          <li><a href='#'><span>test 3rd</span></a></li>
          <li class='last'><a href='#'><span>test 3rd</span></a></li>
    </ul>
</li>

我想在添加的html中的菜单下添加另一个 Accordion ，但它不起作用。你们能告诉我该怎么做吗？

Answer 1

检查它是否具有与您想要的相同的功能

Javascript:

$(document).ready(function() {
    $('.sidebar ul li a').click(function(ev) {
        $('.sidebar .sub-menu').not($(this).parents('.sub-menu')).slideUp();
        $(this).next('.sub-menu').slideToggle();
        ev.stopPropagation();
    });
});

Demo

您的代码已在此处编辑，请检查 Demo