mismo - mostrar y ocultar div con jquery ejemplos
Cómo ocultar un div después de un período de tiempo? (3)
Aquí hay un ejemplo de trabajo completo basado en su prueba. Compáralo con lo que tienes actualmente para descubrir dónde estás yendo mal.
<html>
<head>
<title>Untitled Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$(''#deletesuccess'').delay(1000).fadeOut();
});
</script>
</head>
<body>
<div id=deletesuccess > hiiiiiiiiiii </div>
</body>
</html>
Necesito ocultar un div (como "correo enviado correctamente" en Gmail) después de un cierto período de tiempo cuando recargo la página.
¿Cómo puedo hacer eso?
En versiones anteriores de jquery, tendrás que hacerlo en la "forma javascript" usando settimeout
setTimeout( function(){$(''div'').hide();} , 4000);
o
setTimeout( "$(''div'').hide();", 4000);
Recientemente con jquery 1.4 esta solución ha sido agregada:
$("div").delay(4000).hide();
Por supuesto, reemplace "div" por el elemento correcto utilizando un selector de jquery válido y llame a la función cuando el documento esté listo .
setTimeout(''$("#someDivId").hide()'',1500);