0

ここにフィドルがあります。

追加して、デフォルトでパネルを折りたたもうとしています...

$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() );
    });

})();

どこで私は間違えましたか?

4

1 に答える 1

1

ネガティブコードを書いてみましょう。修正の試みを削除してください。エラーが発生していたため、他のすべてのスクリプトが機能しなくなりました。

$container.active(false);

次に、次の行を削除します。ここでは、アコーディオンの最初の項目が展開されています。

$trigger.first().addClass('active').next().show();
于 2013-10-01T14:54:52.953 に答える