Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Aprendiz_prog

[Resolvido] Problema Array e Jquery

Recommended Posts

$('.exibir').each(function(i){

$(this).click(function(){

$('.conteudo').each(function(j){

if(i == j) $(this).show();

});

});

});

$('.ocultar').each(function(i){

$(this).click(function(){

$('.conteudo').each(function(j){

if(i == j) $(this).hide();

});

});

});

Compartilhar este post


Link para o post
Compartilhar em outros sites

Falaaaaaaaaaaaaaa Evandrooo,

 

Matou a pau perfeitoooo.

script final com a correçao do mestre evendro.

Amigo se nao fosse te encomodar muito, podia explicar os comandos utilizados.

 

Obrigadao a todos que me ajudaram.

<script type="text/javascript">
$(document).ready(function(){ 

$('.conteudo').hide(); 

$('.exibir').each(function(i){    
$(this).click(function(){        
$('.conteudo').each(function(j){            
if(i == j) $(this).show('slow');        
});    
});
});
$('.ocultar').each(function(i){    
$(this).click(function(){        
$('.conteudo').each(function(j){            
if(i == j) $(this).hide('slow');        
});    
});
});
});
</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

trivial. Colocamos todos os exibir/ocultar em uma lista ao selecioná-los $('.exibir')

o uso do each é feito quando precisamos manipular índices, este índice é passado através da variável i

...each(function(i){});

each em inglês significa cada então para cada ".exibir" estamos adicionando uma função de clique.

 

dentro dela, inserimos em uma outra lista, todos os $('.conteudo') e comparamos se o item da lista exibir(i) é o mesmo item da lista conteúdo(j)

 

assim, amarramos o primeiro exibir apenas ao primeiro conteúdo, o segundo ao segundo e assim sucessivamente.

 

análogo para o ocultar

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.