javascript - 多开 Accordion 中的问题

Question

我在我的网页上使用了多开 Accordion 。我已经从这个网址 http://anasnakawa.wordpress.com/2011/01/25/jquery-ui-multi-open-accordion/ 下载了脚本

它显示选项卡，其中第一个选项卡默认处于打开状态。如果我单击第二个部分，第一个打开的部分应该关闭，只有第二个部分会打开。我怎样才能用多开 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>

Answer 1

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

<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>