¿Cómo puedo desvanecer las pestañas dentro y fuera con el marco de Twitter Bootstrap?

Question

jQuery UI tiene la opción para inicializar las pestañas con las pestañas de conjuntos de fade in/out, así:

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

es algo parecido posible con las lengüetas marco Twitter Bootstrap?

Answer 1

No, pero se puede añadir su propia, jsFiddle

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

Answer 2

Tanto para Bootstrap 2 y 3, sólo tiene que dar a sus .tab-pane elementos de una clase fade con bootstrap-transition.js cargado. No es necesario escribir una sola línea de su propio código JavaScript.

<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> 

Ejemplo de código de the official Twitter Bootstrap documentation.