Question

我正在使用JQuery Accordion，它可以正常工作并打开和关闭....但我想添加一个手风琴子菜单，这也不起作用也没有样式。

我的图书馆：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/start/jquery-ui.css" type="text/css" rel="Stylesheet" />

我添加了这个测试：

<p><a href="#">TEST MAIN MENU</a></p>
<div>

<h3><a href="#">Sub header</a></h3>
<div>sub content here</div>

</div>

and "Sub header" is not styled as a header nor it wraps up the div below it like "TEST MAIN MENU" does...

On the <head> I have this:

<script>
      $(function() {
            $( "#accordion" ).accordion({
                  active: false,
            autoHeight: false,
            collapsible: true,
            alwaysOpen: false
            });
      });

      function collapseAll() {
    $("#accordion")
        .filter(":has(.ui-state-active)")
        .accordion("activate", -1);
    $(".ui-accordion-header").blur();
}

</script>

All I need is to make "<h3><a href="#">Sub header</a></h3>"也是一个可折叠的div。

Answer 1

如果您想在手风琴中使用手风琴，请this is your solution.

顺便说一句，当你在js代码中说“#acordord”时，jQuery会尝试找到一个id =“accordion”的元素并将样式应用到它。在您当前发布的html中，您没有这样的元素。

Answer 2

您不能在手风琴中使用子菜单。

“和”子标题“没有被设置为标题”，CSS在哪里？你是什么意思没有标题？

你能举例说明你想要的是什么吗？

JQuery Accordion SubMenu / Nested无法正常工作

2 个答案: