Question

好的我不太了解javascript，所以我通过谷歌搜索创建了手风琴。但问题是手风琴的第一项始终是开放的，即使我不使用＆＃34;切换活动＆＃34;类。虽然手风琴完美无缺，但我的意思是如果我使用这个＆＃34;切换活动＆＃34;例如，在项目编号3中的类，然后默认打开项目编号3。

但我的问题是我只有一个项目＆amp;我想打开手风琴项目，只需点击一下，默认情况下不打开。我该怎么办？

这是代码人员：

jQuery(".toggle-item").each(function() {
        jQuery(this).find('.toggle-active').siblings('.toggle-inner').slideDown(300);                           
    });

    jQuery(".toggle-item").on("click", ".toggle-title", function() { 
        var thisItem = jQuery(this); 
        var parentdiv = thisItem.parent('div').parent('div');
        var active = thisItem.parent('div').find('.toggle-inner').css('display');

        if (jQuery(parentdiv).attr('class') === 'accordion') {
            if (active !== 'none' ) { 
                jQuery(parentdiv).find('.toggle-item .toggle-inner').slideUp(300);
                thisItem.toggleClass('toggle-active');
            } else {
                jQuery(parentdiv).find('.toggle-item .toggle-inner').slideUp(300);
                jQuery(parentdiv).find('.toggle-item .toggle-title').removeClass('toggle-active');

                thisItem.toggleClass('toggle-active');
                thisItem.siblings('.toggle-inner').slideDown(300);
            }
        } else {
            thisItem.toggleClass('toggle-active');
            thisItem.siblings('.toggle-inner').slideToggle(300);
        }

        return false;
    });

Answer 1

使用http://api.jqueryui.com/accordion/#option-collapsible

这是一个你可以使用的jquery手风琴小部件。

$（＆＃34; .toggle-item＆＃34;）。accordion（＆＃34; option＆＃34;，{ 可折叠的：是的， active：false }）;

如何默认打开手风琴

1 个答案: