Comment puis-je l'estompe les onglets dans & avec le Twitter Bootstrap cadre?

jQuery UI a la possibilité d'initialiser les onglets les onglets ensemble de fade in/out, comme suit:

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

Est quelque chose de semblable possible avec le Twitter Bootstrap cadre onglets?

OriginalL'auteur Travis Northcutt | 2012-01-18

  1. 3

    Non, mais vous pouvez ajouter votre propre, jsFiddle

    $('.tabs').tabs()
    .bind('change', function (e) {
        $(this).next().hide().fadeIn();
    });
    Voir Sanghyun de réponse. C'est la manière correcte de le faire.
    vérifiez @baxang 's réponse. qui est la bonne.

    OriginalL'auteur Sinetheta

  2. 65

    À la fois pour Bootstrap 2 et 3, vous pouvez simplement donner à votre .tab-pane éléments d'un fade classe avec bootstrap-transition.js chargé. Pas besoin d'écrire une seule ligne de votre propre code JavaScript à tous.

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

    Exemple de Code à partir le Twitter officiel de Bootstrap, documentation.

    Si nous allons donner fondu classe à tous, il permet de masquer le contenu de tous les onglets.La réponse sera d'au moins l'un de l'onglet devrait avoir in après fade classe écrite à travailler.
    Je crois que cette réponse + @PHPSeeker commentaire sont plus des solutions adéquates à ce problème, car ils utilisent les équipements fournis par le cadre et donc de mieux répondre à la question comme l'a déclaré (et, personnellement, la référence à .in m'a sauvé beaucoup de maux de tête juste maintenant)
    Ce doit être la accepté de répondre. Il travaille également dans le Bootstrap 3.
    Plus précisément, le "fondu en ouverture" doit être inclus dans le panneau actif. J'ai été assez bête pour être confus à ce sujet pendant quelques minutes.
    génial la réponse merci.

    OriginalL'auteur baxang