在加载时折叠自定义jquery手风琴

在加载时折叠自定义jquery手风琴,jquery,jquery-ui,customization,accordion,Jquery,Jquery Ui,Customization,Accordion,我正在修改的HTML主题附带了一个定制的手风琴,我只想弄清楚如何在加载时将它们全部折叠(或者在加载时打开第三个选项;任何一个都可以) JQuery根本不是我的强项,所以任何关于设置JQuery的帮助都会让我感到高兴 如果删除或更改: $trigger.first().addClass('active').next().show() 到 $trigger.get(2).addClass('active').next().show() 这应该选择要打开的第三个,或者删除该行以使其全部折叠。如果您需要

我正在修改的HTML主题附带了一个定制的手风琴,我只想弄清楚如何在加载时将它们全部折叠(或者在加载时打开第三个选项;任何一个都可以)


JQuery根本不是我的强项,所以任何关于设置JQuery的帮助都会让我感到高兴

如果删除或更改:

$trigger.first().addClass('active').next().show()

$trigger.get(2).addClass('active').next().show()


这应该选择要打开的第三个,或者删除该行以使其全部折叠。

如果您需要的只是默认情况下要折叠的内容,则将accordion主体上的相应css类设置为折叠状态。不需要jquery。比我快一秒@内森-当我做上述动作时,没有一个手风琴可以打开或关闭。
(function() {

    var $container = $('.acc-container'),
        $trigger   = $('.acc-trigger');

    $container.hide();
    $trigger.first().addClass('active').next().show();

    var fullWidth = $container.outerWidth(true);
    $trigger.css('width', fullWidth);
    $container.css('width', fullWidth);

    $trigger.on('click', function(e) {
        if( $(this).next().is(':hidden') ) {
            $trigger.removeClass('active').next().slideUp(300);
            $(this).toggleClass('active').next().slideDown(300);
        }
        e.preventDefault();
    });

    // Resize
    $(window).on('resize', function() {
        fullWidth = $container.outerWidth(true)
        $trigger.css('width', $trigger.parent().width() );
        $container.css('width', $container.parent().width() );
    });

})();