Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/03/2013, 04:00
Avatar de pitufoweb
pitufoweb
 
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 17 años
Puntos: 181
Mostrar div onclick

Hola a todos,

Lo que intento hacer es mostrar un div cuando se le de click a un enlace. Estoy probando con el siguiente código:

Código:
$(".mostrar").click(function(){
  $(this).next(".contenido-a-mostrar").toggle();
  $(this).toggleClass("active");
});
Código HTML:
<a href="#" class="mostrar">Mostrar Contenido</a>
                
<div class="contenido-a-mostrar">
  <p>Este contenido esta oculto</p>
</div> 

Con ese código se muestra y oculta el div dando click en el enlace. Pero lo que quiero es que se oculte dando click en cualquier lugar del body y no solo en el enlace.

Ademas no se si lo estoy haciendo bien o si hay una mejor manera de hacerlo.

Aquí pueden ver como funciona ahora: http://jsfiddle.net/pitufoweb/NBYKZ/




Saludos
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------