Ir para conteúdo

POWERED BY:

Arquivado

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

Daniel web

Acionar um evento quando clicar fora

Por , em Javascript

Recommended Posts

Daniel web    0

Daniel web
Postado

Olá pessoal. Tenho um script jQuery com efeito Toggle, que funciona quando clico num link contato, ele aparece e quando clico no botão fechar ele some. Quero que, ao clicar fora da div que comporta o script, esta div desapareça. Como devo proceder?

Obrigado.

 

script JS

<script type="text/javascript">
		function escondeDiv(div){ 
		$("#"+div+"").slideToggle(400); }
		</script>

           <script>
		$(document).ready (function() {
		$('#panel .contato').click(
		  function() {
		  $(this).next().slideToggle();
		 });

	  });
       </script>

 

div

<div id="panel" class="slide">
                       	<a class="contato"><li id="contact">contato</li></a>
                       	<div id="feedback" class ="efeito">
                               <a id="fechar" title="fechar" onclick="escondeDiv('feedback')"></a>
                               <h2>feedback</h2>                
                               <div style="clear:both"></div>
                               <ul>
                                   <li><input value="Nome" /></li>
                                   <li><input value="E-mail" /></li>
                                   <li><textarea>Digite aqui a mensagem</textarea><input type="button" class="button" value="enviar" /></li>
                               </ul>                        
                   		</div><!-- feedback -->
                   	</div><!-- panel -->

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

"clicar fora" da sua caixa, é clicar no <body>

 

dispare uma function num click do elemento body, e então feche o teu elemento.

lembrando, de evitar a propagação de um click do teu elemento, para este não chegar até o body.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito