使用按鈕標籤更改引導程序內容不會消失

Question

「標籤」選項卡上的更改內容未失效。我添加了類淡入淡出，但我得到了相同的結果。任何幫助？

這裏是實時預覽： http://jsfiddle.net/DesignPuma/zVgX5/2/

HTML：

<div class="btn-group" id="myTab" data-toggle="buttons-radio"> 
    <a class="btn active" href="#popularPosts" data-toggle="tab"><i class="icon-star"></i></a> 
    <a class="btn" href="#recentPosts" data-toggle="tab"><i class="icon-tags"></i></a> 
</div> 

<div id="sidebar-tabs" class="tab-content"> 
    <div class="tab-pane fade in active" id="popularPosts"> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> 
    </div> 
    <div class="tab-pane fade" id="recentPosts"> 
     <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> 
    </div> 
</div> 

的JavaScript：

$('#myTab a').click(function (e) { 
    e.preventDefault(); 
    $(this).tab('show'); 
}) 

感謝

Answer 1

你必須包括爲了引導，transition.js獲得淡入淡出效果。

http://twitter.github.io/bootstrap/assets/js/bootstrap-transition.js