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

Я хочу изменить вкладку активного бутстрапа нажатием другой кнопки.

Я попытался добавить id на вкладки li и написать собственный код jquery.

$('#emailNotify').click(function () {
    $('#notify').addClass('active').attr('aria-expanded','true');
    $('#myacc').removeClass('active').attr('aria-expanded','false');
});

Этот код отлично работает при первом щелчке, но он не изменится, когда я снова попытался щелкнуть вкладку "Моя учетная запись".

Изображение вкладок и кнопок

Разметка:

<ul class="content-list museo_sans500">
<li><a href="javascript:void(0)">Change Password</a></li>
<li><a id="emailNotify" data-toggle="tab">Change Email Notifications</a></li>
<li><a href="javascript:void(0)">Change Profile Picture</a></li>
</ul>

Ответы

Ответ 1

Вы можете изменить активную вкладку на кнопке события click с помощью:

$('#changetabbutton').click(function(e){
    e.preventDefault();
    $('#mytabs a[href="#second"]').tab('show');
})

Здесь JSFiddle с примером:

http://jsfiddle.net/4ns0mdcf/

Ответ 2

Вы можете использовать способ twitter-boostrap для изменения между вкладками:

$('#myTab a:first').tab('show'); // Select first tab
$('#myTab a:last').tab('show'); // Select last tab

или

$('#notify').tab('show'); // show notification tab