[Resolvido] X chamadas para apenas 1 funcao javascript

[ro.fonseca 1]

Então, eu to com o seguinte problema, abaixo eu tenho o html:

 

<div id="caixa_enviar_recado">

<form action="processar/enviar_recado.php" method="post">

<textarea rows="4" cols="50" id="recado" name="recado_corpo"></textarea>

<input type="hidden" name="id_usuario_destinatario" value="<?=$_GET['id_usuario'];?>" />

<input type="submit" value="Enviar" />

</form>

</div>

 

 

e abaixo o codigo em javascript que esconde e mostra a tal caixa de recado:

 

$(document).ready(function(){

$("div#caixa_enviar_recado").hide();

$("p#enviar_recado").toggle(function(){

$("div#caixa_enviar_recado").animate({

height: 'show',

opacity: 'show'

}, 'slow');

},function(){

$("div#caixa_enviar_recado").animate({

height: 'hide',

opacity: 'hide'

}, 'slow');

});

});

 

 

 

 

Lá vai o problema... Acontece que o formulario em html é gerado n vezes, funciona da seguinte forma, o usuário pergunta, e a cada pergunta tem uma opcao de responder a tal pergunta, acontece q da forma q tá, quando você vai responder a uma pergunta especifica e clica no botao q ativa o jquery, abrem-se todas as caixas para responder a pergunta, o que eu faço para que só abra apenas uma caixa??? já pensei em colocar no id do html o id do recado, mas ae teria q ter uma porrada de funcoes iguais de javascript chamando diferentes ids... Enfim, qual a melhor soluçao pra isso? Alguem pode me dar uma luz???

 

abraco!

[William Bruno 1501]

da forma q tá, quando você vai responder a uma pergunta especifica e clica no botao q ativa o jquery, abrem-se todas as caixas para responder a pergunta,

não duplique IDs!!!!

 

para resolver, basta usar as funções .parent(), .find() e similares para percorrer o DOM.

[ro.fonseca 1]

O id eu iria mudar, é pq adotei isso de um outro arquivo meu q nao se repetia, eu dei uma lida na funcao find e ela me parece a ideal, agora eu jogo a funcao click dentro do find para saber qual lugar foi clicado?

[William Bruno 1501]

mais ou menos por ai.. veja também sobre o objeto this.

[ro.fonseca 1]

mais ou menos por ai.. veja também sobre o objeto this.

 

Ok, vlw, tu abriu um pouco a minha cabeça... Mas desculpa a minha ignorancia em javascript, mas nao tens como me dar uma dica mais "quente"? :D Mas de qualquer maneira, só com essa dica eu posso me virar sozinho eu acho! um abraco.