javascript - 多开式 Accordion 发行

我的网页使用了多开式手风琴。我已经从该URL http://anasnakawa.wordpress.com/2011/01/25/jquery-ui-multi-open-accordion/下载了脚本

它显示选项卡，其中第一个选项卡处于默认打开状态。如果我单击第二部分，则第一个打开的部分应关闭，只有第二个部分将打开。多开式手风琴怎么办？

内部脚本是

<script type="text/javascript">
        $(function(){
            $('#multiOpenAccordion').multiOpenAccordion({
                active: [1, 2],
                click: function(event, ui) {
                    //console.log('clicked')
                },
                init: function(event, ui) {
                    //console.log('whoooooha')
                },
                tabShown: function(event, ui) {
                    //console.log('shown')
                },
                tabHidden: function(event, ui) {
                    //console.log('hidden')
                }

            });

            $('#multiOpenAccordion').multiOpenAccordion("option", "active", [0]);
        });
    </script>

最佳答案

只需使用下面的代码代替您使用的代码即可。

<script type="text/javascript">
$(function(){
    $('#multiOpenAccordion').multiOpenAccordion({
        active: 1,
        click: function(event, ui) {
            //console.log('clicked')
            $("h3.ui-state-active").removeClass('ui-state-active').addClass('ui-state-default');
            $("div.ui-accordion-content-active").removeClass('ui-accordion-content-active').hide();
            $("h3.ui-accordion-header").addClass('ui-corner-all');
        },
        init: function(event, ui) {
            //console.log('whoooooha')
        },
        tabShown: function(event, ui) {
            //console.log('shown')
        },
        tabHidden: function(event, ui) {
            //console.log('hidden')
        }

    });

    $('#multiOpenAccordion').multiOpenAccordion("option", "active", [0]);
});
</script>