Содержимое бутстрапа не исчезает при изменении с вкладками кнопок

Question

На вкладке изменение содержимого не исчезает. Я добавил класс fade, но получаю тот же результат. Любая помощь?

Вот предварительный просмотр: 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