有一个小提琴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() );
});
})();
我哪里出错了?
答案 0 :(得分:1)
让我们写一些负面代码。删除修复尝试,它导致错误,这就是为什么所有其他脚本都停止工作。
$container.active(false);
然后删除下一行。这里手风琴的第一项扩大了:
$trigger.first().addClass('active').next().show();