Twitter Bootstrapフレームワークでタブをフェードイン＆フェードアウトさせるにはどうすればいいですか？

Question

jQueryのUIはそうのような、フェードイン/アウトするように設定タブでタブを初期化するためのオプションがあります：

$(".selector").tabs({ fx: { opacity: 'toggle' } }); 

は、Twitterのブートストラップフレームワークのタブで可能な似たようですか？

Answer 1

ありませんが、あなたは、あなたが単にロードbootstrap-transition.jsであなたの.tab-pane要素にfadeクラスを与えることができ、ブートストラップ2と3のために、jsFiddle

$('.tabs').tabs() 
    .bind('change', function (e) { 
     $(this).next().hide().fadeIn(); 
    }); 

Answer 2

両方を独自に追加することができます。独自のJavaScriptコードを1行書く必要はありません。

<div class="tab-content"> 
    <div class="tab-pane fade in active" id="home">...</div> 
    <div class="tab-pane fade" id="profile">...</div> 
    <div class="tab-pane fade" id="messages">...</div> 
    <div class="tab-pane fade" id="settings">...</div> 
</div> 

コードサンプルthe official Twitter Bootstrap documentation。