Ready function y click en el mismo objeto

[quiquebg]

Tengo este codigo:

Código Javascript:

<script>
$(document).ready(function() {
  $('#mensajealertafondo').delay(8000).fadeOut('slow', function() {
 
  });
});
</script>
<script>
$('#cerrarmensajes').click(function() {
  $('#mensajealertafondo').fadeOut('slow', function() {
 
  });
});
</script>
 

*Lo que tendría que hacer: En unos 6 segundos desaparecer el div mensajealertafondo.
Y al apretar en el div: cerrarmensajes, desaparecer el div mensajealertafondo.

*Lo que hace: En unos 6 segundos desaparece el div mensajealertafondo.

Que sucede? por que no me surge efecto?
(PD: los scripts por separado si que funcionan, pero necesito los dos.)

[hackjose]

Lo que tendría que hacer: En unos 6 segundos desaparecer el div mensajealertafondo.
Y al apretar en el div: cerrarmensajes, desaparecer el div mensajealertafondo

Como vas a desaparecer 2 veces el mismo div?

saludos

[quiquebg]

Bueno pero lo que quiero es que se ejecuten a la vez.
Es un mensaje de alerta que desaparece al tiempo y que lo puedes cerrar al instante si haces click.
Pero no se como!

[gebremswar]

Hola quiquebg, que tal.

No haz probado de la siguiente manera?:

Código Javascript:

<script>
$(document).ready(function() {
  $('#mensajealertafondo').delay(8000).fadeOut('slow');
  $('#cerrarmensajes').click(function() {
    $('#mensajealertafondo').fadeOut('slow');
  });
});
</script>
 

[quiquebg]

Esto ya lo probé, y tampoco funciona. Desaparece a los 6 segundos. pero no lo puedo cerrar.

[gebremswar]

Iniciado por quiquebg

Bueno pero lo que quiero es que se ejecuten a la vez.
Es un mensaje de alerta que desaparece al tiempo y que lo puedes cerrar al instante si haces click.
Pero no se como!

Si eso lo traducimos como: que al hacer click se cierre pasado los 8000 milisegundos que haz especificado. Entonces quedaría de la siguiente manera:

Código Javascript:

$(document).ready(function() {
  $('#cerrarmensajes').click(function() {
    $('#mensajealertafondo').delay(8000).fadeOut('slow');
  });
});
 

Si este ultimo ejemplo no es la solución, te invitaría a que expliques mejor lo que deseas realizar. Y si lo es te invito a confirmarlo.

[quiquebg]

No no es eso. Me explicare mejor.

Este es el cuadro que tiene que desaparecer:


De manera automática desaparece (6seg)

Pero si no quieres esperar esos 6 segundos, poder cerrarlo con un click.

[gebremswar]

Pues la solución sería este mensaje.

De otra manera te pediría el código html involucrado.