javascript - Bootstrap Accordion - 折りたたみ時のトップパネルの位置を変更

Question

私はブートストラップアコーディオンプラグインを使用していますが、私の質問は次のとおりです。

トップパネルを開いたときに位置を変更し、閉じたときに最初の位置に戻るにはどうすればよいでしょうか。写真を見てください:

これがペンです。

よろしくお願いします。

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

希望はあなたを助け、正しい方向に導きます。