Ir para conteúdo

POWERED BY:

Arquivado

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

Max Cabral

Pegar id de botão dinâmico e mostrar div dinamica referente ao botã

Recommended Posts

Boa tarde pessoal,

 

Eu estou tentado pegar o id de um botão dinâmico e fazer com que a div dinâmica que corresponde esse botão apareça com as informações.

 

Eu estou tentando fazer usando jquery.

 

tenho isso por enquanto:

 

$(document).ready( function(){
$("#botao").click( function(){
$("#informacao").slideToggle("slow");
});
}
});

 

 

html: sendo que esse código vai ser dinâmico podendo conter até 18 botoes e suas divs correspondentes

<button id="botao" >Ocultar/Exibir</button>
<div id="informacao">
bla bla bla bla bla blabla bla bla bla bla blabla bla bla bla bla blabla bla bla bla bla blabla bla bla bla bla blabla bla bla bla bla blabla bla bla bla bla blabla bla bla bla bla blabla bla bla bla bla blabla bla bla bla bla blabla bla bla bla bla blabla bla bla bla bla blabla bla bla bla bla blabla bla bla bla bla bla

</div>

 

Só para dar uma esclarecida, essas divs serão criadas dinamicamente com php, vai ter um while, então o que é id botao, vai virar botao1, botao2.... mesma coisa com id informacao.

Já agradeço desde já qualquer ajuda.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bem, o primeiro artigo não me disse nada que eu não saiba... quanto o segundo não vi em como ele pode me ajudar.

 

Mas de qualquer forma obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cria uma função!

 

 

function abre_div(id){
    $("#informacao_"+id).fadeIn("fast");
}

 

 

<div id="informacao_1">
Info 1
</div>

<div id="informacao_2">
Info 2
</div>


<button onclick="abre_div(1)">Abre info 1</button><button onclick="abre_div(2)">Abre info 2</button>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Desculpa a demora em responder...

 

Consegui resolver.. puxei mais ou menos pelo o que o Andrew falo... Muito obrigado aos dois por tentar ajudar...

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.