Ver Mensaje Individual
  #3 (permalink)  
Antiguo 26/10/2016, 17:34
El_Astur
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Efecto aparecer y desaparecer capa

Buenas Silenn,

he estado probando con el código que me has pasado y no me funcionaba, de todos modos, trasteando un buen rato, he logrado hacer que me funcione. El código que he utilizado es (decir que .wrapper es la capa que envuelve a los tres botones):
Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.     $('.tarea').click(function() {
  3.         $(".capa").animate({
  4.             width: "show"
  5.         });
  6.         $('.wrapper').prepend('<div class="show"></div>');
  7.     });
  8. });
  9. //si clickamos fuera se cierra el desplegable anterior
  10. $(document).mouseup(function (e){
  11.     var container = $(".capa");
  12.     if (!container.is(e.target) && container.has(e.target).length === 0){
  13.         $(".capa").animate({
  14.             width: "hide"
  15.         });
  16.         $('.show').remove();
  17.     }
  18. });

De esta forma me funciona correctamente,
muchas gracias!!!