Conflito JavaScript abas

[Lhmoraes 0]

Olá, O problema é o seguinte, eu uso esse código JS para que as abas funcionem, só que quando eu clico em qualquer lista não ordenada na pagina <li>, todas as abas fecham.

$(function() {

$('#tabs div').hide(); // Ocultar divs

$('#tabs div:first').show(); // mostrar primeira div

$("li").click(function(e) {

e.preventDefault();

$("li").removeClass("selected");

$(this).addClass("selected");

var currentTab = $(this.children).attr('href'); // definir currentTab para o valor do atributo href

$('#tabs div').hide(); // ocultar todas as divs

$(currentTab).show(); // mostrar div com id igual a current tab variavel

return false;

});

});

=================================================

Código html é esse.

<ul class="tabrow">

<li class="selected">

<a href="#aba1">Especificações</a>

</li>

<li>

<a href="#aba2">Dimensões</a>

</li>

<li>

<a href="#aba3">Documentos</a>

</li>

</ul>

Como posso resolver esse problema? estou aprendendo... Obrigado!

[andreneeto 7]

Cria um exemplo no jsfiddle pra facilitar o entendimento. Seu script está funcionando certinho aqui, fiz um teste utilizando seu exemplo, de uma olhada: https://jsfiddle.net/uLe8ksjq/

[Lhmoraes 0]

Cria um exemplo no jsfiddle pra facilitar o entendimento. Seu script está funcionando certinho aqui, fiz um teste utilizando seu exemplo, de uma olhada: https://jsfiddle.net/uLe8ksjq/

andreneeto, eu coloquei uma lista não ordenada dentro na aba1, quando eu clico na lista a aba fecha..

:https://jsfiddle.net/lhmoraes/uLe8ksjq/6/

[andreneeto 7]

Era o que eu imaginava então. Seguinte, isso acontece porque você adicionou o listener para todas as li's da página, experimente especificar mais as coisas, de uma olhada na alteração: https://jsfiddle.net/uLe8ksjq/8/

[Lhmoraes 0]

Hum...entendi... não é difícil, só preciso estudar mais..

Muito obrigado andreeneto...

Vlw mesmo...

[andreneeto 7]

;) qualquer coisa estamos ai pra ajudar!