2

我目前正在使用来自http://www.adipalaz.com/experiments/jquery/nested_accordion.html的嵌套手风琴示例的网站上工作

我在谷歌和这个网站上搜索了一个解决方案，但我找不到，或者我找到了一个解决方案，但我不明白如何正确实施它。

到目前为止，我所拥有的手风琴代码几乎是示例中的库存。当前的行为是当点击“标题1”时，子手风琴中的“标题A”和“标题B”都关闭了，需要点击才能展开。

我正在尝试更改站点的行为，因此当单击“标题 1”时，“标题 A”已经展开，但“标题 B”在子手风琴中仍然关闭。我试图让它适用于所有主要的手风琴标题。

我不想将“标题 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>

谢谢！

4

0 回答 0