ブートストラップの折りたたみパネル - 折りたたみ後の変わった動き

Question

私は1ページのhtmlブートストラップテンプレートをWordPressの固定ヘッダとスムーズなスクロール効果を持つアンカーリンクにしています。あるセクションの下に - http://url.kybernaut.cz/1o - 私は折りたたみパネルを持っています。開いた状態では、すべてが問題ありません。私がそれらを閉じるとき、それはちょっと "ジャンプ"し、それは変な動作をします。

私よりも先進的な誰かが私を助けてくれますか？私はブートプレイで問題を再現することに成功しませんでした:(

Answer 1

あなたのhrefの値と関係があります。アンカータグをクリックすると、ページ上部に表示されます。ブートストラップが上書きされているようですこれに、これらのパネルの上にあなたのhrefの値を変更する完全にそれを避けるために、最初のクリックが、何らかの理由のためノー崩壊の機能：。

href="javascript:void(0);" 

、別の解決策はhrefを持っていない要素を使用することです<span>のように。

<span data-toggle="collapse" data-content="#rf1" data-parent="#akref">...<span> 

そして、私の最も好きな解決策は以下の通りです：

$('.panel a').on('shown.bs.collapse', function() { 
    this.preventDefault(); 
}); 

それは私のお気に入りではない理由である完全に動作しません。あなたが "+"をクリックし、タイトルで崩壊しようとすると、それは動作しません。およびその逆。