如何制作jQuery UI手风琴切换

Dir*_*ign 0 jquery jquery-ui

手风琴本身很容易切换,我不得不使用jQuery的UI手风琴,因为它易于整合可收藏的链接.在这一点上,我可以得到一个手风琴效果(从头开始)切换到没有书签链接,或获得与UI的书签链接,没有切换.我希望能够折叠所有的手风琴内容,也就是说,如果你在展开后点击触发器 - 第二次点击会关闭它.这是我有的:

$(function() {
    //basic accordion settings
    $('#accWrap').accordion({
        active: false,
        alwaysOpen: false,
        autoHeight: false,
        navigation: true,
        collapsable: true,
        header: '.accButton'
    });

    //attempt at toggling - does not work correctly
    //$('.accButton').click(function() {
    //$(this).next().toggle();
    //return false;
    //}).next().hide();

    //bookmarkable function
    $(".accButton").click(function(event){
      window.location.hash=this.hash;
    });
});
Run Code Online (Sandbox Code Playgroud)

任何人都可以看到任何明显错误或者我可以合并切换功能的方式吗?一如既往,我感谢您的帮助!

谢谢

小智 8

这是一个古老的话题,但由于我自己在寻找答案,并在jQuery UI手风琴文档中找到了答案:

 <script>
    $(function() {
        $( "#accWrap" ).accordion({
            collapsible: true
        });
    });
 </script>
Run Code Online (Sandbox Code Playgroud)

"可折叠"在您的代码中拼写错误,它缺少"我".