[英]Set accordion default to collapsed
這兒有個小提琴。
我正在嘗試通過添加...來使面板默認折疊起來
$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() );
});
})();
我哪里做錯了?
讓我們寫一些否定的代碼。 刪除導致錯誤的修復嘗試,這就是所有其他腳本停止工作的原因。
$container.active(false);
然后刪除下一行。 這里擴展了手風琴的第一項:
$trigger.first().addClass('active').next().show();
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.