通常の左から右への流れの div に、それぞれがブートストラップ ボタンとしてスタイル設定された任意の数のリンクがあります。
<div id="btngrp">
<a href="#" class="btn" id="btn_1">Troll 1</a>
<a href="#" class="btn" id="btn_2">Troll 2</a>
<a href="#" class="btn" id="btn_3">Troll 3</a>
<a href="#" class="btn" id="btn_4">Troll 4</a>
<a href="#" class="btn" id="btn_5">Troll 5</a>
</div>
jquery-UI のブラインド効果を使用して最初のボタンを削除します。アニメーション フェーズ中にフローに一時的な「中断」が導入されます。
$('#btn_1').toggle('blind', { direction: "horizontal" }, 4000)
ブラインド効果により、display
型ではないラッピング要素が導入されていると思わinline
れますが、修正方法がわかりません。
問題を示す jsFiddle を次に示します: http://jsfiddle.net/ajsyJ/