Jquery - Como alternar entre Tabs através de botões?
Boa tarde,
Estou começando a aprender JQuery, mas estou tendo algumas dificuldades.
Quero construir uma página que tenha 2 tabs, mas que o usuário não possa navegar entre elas apenas clicando na parte superior do menu e sim através de botões, no estilo "PRÓXIMA PARTE".
Estou usando o Framework do Bootstrap para isso.
<div class="bs-example bs-example-tabs">
<ul id="myTab" class="nav nav-tabs" role="tablist">
<li class="active"><a href="#categoria" role="tab" data-toggle="tab">Categoria</a></li>
<li class=""><a href="#obra" role="tab" data-toggle="tab">Obra</a></li>
</ul>
<div id="myTabContent" class="tab-content">
<!--TAB 1 -->
<div class="tab-pane fade active in" id="categoria">
<p>conteudo da tab categoria</p>
<button id="botao_proxima_tab" type="button">Próxima Tab</button>
</div>
<!--TAB 2 -->
<div class="tab-pane fade active in" id="obra">
<p>conteudo da tab obra</p>
</div>
</div>
</div>
Eu estava tentando fazer o Jquery para isso:
$('#botao_proxima_tab').click(function() {
$('#obra').show();
});
Isso deve estar completamente errado, será que alguém pode me dar uma luz?
Discussão (3)
Carregando comentários...