2013-04-18 24 views
1

有一个自定义的手风琴,伴随着我正在修改的HTML主题,我只想弄清楚如何在加载时折叠它们(或者在加载时打开第三个选项;或者一个作品)。折叠加载自定义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()); 
    }); 

})(); 

JQuery根本不是我的力量,所以任何帮助设置它都会让我开心!

+0

如果您所需要的只是默认情况下要折叠的东西,那么请将手风琴琴体上适当的css类设置为折叠状态。不需要jquery。 –

回答

3

如果您删除或更改:

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

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

这应该选择第三之一打开,或删除行,让他们全部倒塌。

+1

打我一秒! – Pete

+0

@Nathan - 当我完成上述操作时,没有一个手风琴会打开或关闭。 –