Как я могу добавить и исчезнуть вкладки с помощью фреймворка Twitter Bootstrap?

Question

В пользовательском интерфейсе jQuery есть возможность инициализировать вкладки, для которых вкладки настроены на постепенное исчезновение / уменьшение, например:

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

Возможно ли нечто подобное с вкладками платформы Twitter Bootstrap?

Answer 1

Для Bootstrap 2 и 3 вы можете просто присвоить элементам .tab-pane класс fade с загруженным bootstrap-transition.js.Не нужно писать ни одной строки вашего собственного кода 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>

Пример кода из официальной документации по Twitter Bootstrap .

Answer 2

Нет, но вы можете добавить свой собственный, jsFiddle

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