Bootstrap涡旋手风琴面板UNLESS打开/展开全部

Question

solution效果很好，除了当＆＃34;展开全部＆＃34;时它也会滚动。从here调用（然后滚动到每个打开的面板）。 Bootply示例here。

如何在全部展开时停止滚动触发？

Answer 1

您可以使用jQuery.data（）设置变量，以指示“全部展开”触发手风琴面板的时间，然后在每次面板shown时重置该变量。

$('.panel-collapse').on('shown.bs.collapse', function (e) {

  if ($(this).data('noscroll')!=1){
    var panel = $(this).closest('.panel');
    $('html,body').animate({
        scrollTop: panel.offset().top
    }, 500);
  }
  // reset noscroll data
  $(this).data('noscroll',0);
});
$('.accord-closeall').click(function(){
    $('.panel-collapse.in')
        .collapse('hide');
});
$('.accord-openall').click(function(event){
    //set noscroll data
    $('.panel-collapse').data('noscroll',1);
    $('.panel-collapse:not(".in")')
        .collapse('show');
});

http://www.bootply.com/pKjKvqtlBS