Ir para conteúdo

POWERED BY:

Arquivado

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

stview

Show - Hide com jquery

Recommended Posts

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

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.

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.