Question

我在我的网页上使用过多开口手风琴。我已从此网址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>

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>

多开放手风琴的问题

1 个答案: