我目前正在使用http://www.adipalaz.com/experiments/jquery/nested_accordion.html
中的嵌套手风琴示例工作我在google和这个网站上搜索了一个解决方案,但我找不到一个,或者我找到了解决方案,但我不明白如何正确实现它。
到目前为止,我到目前为止的手风琴代码几乎都是这个例子。 目前的行为是,当点击“标题1”时,子手风琴中的“标题A”和“标题B”都会关闭,需要点击才能展开。
我正在尝试更改网站的行为,因此当点击“标题1”时,“标题A”已经展开,但是“标题B”仍然在子手风琴中关闭。我试图将其应用于所有主要的手风琴标题。
我不想将'Heading A'设置为主手风琴的initShow值,因为我喜欢在页面加载时所有主手风琴标题的关闭方式。
所以我尝试为嵌套的手风琴添加一个ID,尝试并且只能为嵌套的手风琴设置initShow值。但我认为我没有正确实现它,因为这些更改不会影响网站的行为。
我不是一个非常强大的Web开发人员,我对JQuery和Javascript很新,但我正在努力改进。 有人可以指出我正确的方向吗?
请在此处查看我当前的代码: http://jsfiddle.net/wmnmF/
嵌套式手风琴配置:
$("html").addClass("js");
$(function() {
$("#main").accordion({
objID: "#asset",
el: ".h",
head: "h4, h5",
next: "div",
expandSub: true,
showMethod: "show",
hideMethod: "hide",
//initShow : "div.shown",
event: "click",
standardExpansible: true
});
$("#main .accordion").expandAll({
trigger: ".h",
ref: "h4.h",
cllpsEl: "div.outer",
speed: 0,
oneSwitch : false,
instantHide: true
});
$("html").removeClass("js");
});
</script>
谢谢!