javascript - Bootstrap Accordion - 折叠时更改顶部面板的位置

Question

我正在使用 bootstrap Accordion 插件，我的问题是:

我们如何在打开时改变顶部面板的位置并在关闭时返回到它的第一个位置。请看照片:

这是 pen ,

提前致谢

Answer 1

我会使用 jQuery 做这样的事情:

var original = $('#accordion').position().top;

$('.accordion-toggle').click(function(){
  var parent = $(this).data('parent');
  var body = $(this).attr('href');

  if($(body).is(":visible")) {
    $(parent).animate({top: original}, 350);
  }
  else {
    $(body).css({
        position: 'absolute',
        visibility: 'hidden',
        display: 'block',
        height: 'auto'
    });
  var offset = original - ($(body).height() / 2);
  $(body).removeAttr('style');
    $(parent).animate({top: offset}, 350); 
  } 
});

希望可以帮助您或将您引向正确的方向。