Publicado em 2 de abr.

Show - Hide com jquery

Usei essa ação simples pra mostrar/ocultar um conteudo:

$('input#BT_COMENT').toggle(

 function() {
 $('div#BOX_COMENT').fadeIn('slow'); // ou slideDown()
 },
 function() {
 $('div#BOX_COMENT').fadeOut('fast'); // ou slideUp()
 }
 );

Mas agora surgiu a necessidade de usar essa ação em outros elementos. Com um só faria assim, mas agora com 3 ou 4 fica ridiculo duplicar esse codigo a cada um, mas simplesmente jogando isso numa função e alterando os id para dinamico ele não funciona, ele mostra e oculto ao mesmo tempo...

Eu ate pensei de primeiro checar o status do elemento e dai dar um fadein ou out mas queria saber se o jquery teria uma forma mais limpa.

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Otata· 2 de abr.

então post a parte do cod com o html para fica mais facil..

stview· 3 de abr.

Não tem muito segredo ...

<input type="button" name="BT_COMENTAR" id="BT_COMENTAR" value="Comentar" />
<input type="button" name="BT_DENUNCIAR" id="BT_DENUNCIAR" value="Denunciar" />

<div id="BOX_DENUNCIA">
	Denúncie!
	<form name="fm_den">
 <textarea name="CMP_DEN" rows="4" ></textarea>
 <input type="button" name="BT_ENVIAR" id="BT_ENVIAR" value="Enviar" />
	</form>
</div>

<div id="BOX_COMENT">
	Comente!
	<form name="fm_com">
 <textarea name="CMP_COM" rows="4"></textarea>
 <input type="button" name="BT_ENVIAR" id="BT_ENVIAR" value="Enviar" />
	</form>
</div>

Qnd clicar no botão BT_COMENTAR mostrar/ocultar a div BOX_COMENT, o mesmo com o botão BT_DENUNCIAR e a div BOX_DENUNCIAR ...

Só para dois ítens até nao incomoda duplicar o codigo, mas pretendo usar para no minimo 4 itens.