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

Question

我正在使用bootstrap手风琴插件，我的问题是：

如何在打开时更改顶部面板的位置，并在关闭时返回其第一个位置。请看照片：

这是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); 
  } 
});

希望有助于或使你朝着正确的方向前进。