Как сделать две кнопки табов с ссылкой на один контент блок в Bootstrap 3?

Question

[Андрей Караульщиков]

Я сделал обычные bootstrap табы


Как они работают в bootstrap думаю вы знаете, раз это читаете. Так вот, я добавил такие кнопки


Ссылки <a href="#profile" data-toggle="tab">LINK</a></li> у них ведут на одинаковые блоки. То есть можно перемещаться по табам через меню и через кнопки вперед назад.. Все работает, но есть одно но.. Когда я перемещаюсь по кнопкам, то в меню элементы меню не становятся активными ( <li class="active"> ).

Кто нибудь сталкивался с этим? Как настроить чтобы было два вида навигации по табам и чтобы они работали друг с другом?

Comments

[tema_sun]

Я бы копал в сторону event'ов getbootstrap.com/javascript/#tabs-events

Answer 1

[iBird Rose]

я не знаю как ты настроил эти элементы. но нужно оперировать табами в js через метод show getbootstrap.com/javascript/#tabs-methods
я бы это реализовал методом взятия index() у активного таба, потом сделав +1 или -1 в соответствии с нажатой кнопкой - вызвал бы show у нужного таба.

Answer 2

[Андрей Б.]

www.bootply.com/120472

Comments

[Андрей Караульщиков]

от души, спасибо бро :)