将accordion默认设置为折叠

时间:2013-10-01 13:25:59

标签: javascript accordion collapsable

有一个小提琴here

我试图通过添加...

让默认情况下面板折叠
$container.active(false);

它确实会折叠面板,但它也会破坏页面上的其他jquery插件。

这是完整的脚本:

(function() {

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

    $container.hide();
    $container.active(false);
    $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() );
    });

})();

我哪里出错了?

1 个答案:

答案 0 :(得分:1)

让我们写一些负面代码。删除修复尝试,它导致错误,这就是为什么所有其他脚本都停止工作。

$container.active(false);

然后删除下一行。这里手风琴的第一项扩大了:

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