gpt4 book ai didi

javascript - JQuery Accordion 子菜单/嵌套不工作

转载 作者:行者123 更新时间:2023-11-30 10:45:27 25 4
gpt4 key购买 nike

我正在使用 JQuery Accordion,它可以正常工作,可以正常打开和关闭....但是我想添加一个 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。

最佳答案

如果您想在 Accordion 中使用 Accordion ,那么 this is your solution.

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

关于javascript - JQuery Accordion 子菜单/嵌套不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8656522/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com