Jquery Nested Accordion - sub accordion设置了默认扩展的某些元素

时间:2013-07-12 17:52:15

标签: jquery jquery-ui-accordion

我目前正在使用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>

谢谢!

0 个答案:

没有答案