Hola,
¿Recuerdas cómo enlazábamos el texto
Iniciar sesión?:
Código HTML:
<a href="#" id="mostrar">Iniciar sesion</a>
Pues ahora, es igual pero con Cerrar diálogo (sólo que le damos otra id):
Código HTML:
<a href="#" id="cerrar">Cerrar diálogo</a>
Y en el script de abajo del todo, tipeamos lo siguiente:
Código HTML:
<script type="text/javascript" language="javascript">
$(document).ready(function(){
// Oculto la capa nombrada capa1
$("#capa1").hide();
// Efecto para MOSTRAR la capa
$("#mostrar").click(function (){ // si el usuario pulsa en Iniciar sesión..
$("#capa1").fadeIn("slow"); // se muestra lentamente la capa oculta
});
// Efecto para CERRAR la capa
$("#cerrar").click(function(){ // si el usuario pulsa en cerrar diálogo..
$("#capa1").fadeOut("slow"); // se cierra lentamente la capa1
});
}); // Fin del domready
</script>
Si tienes alguna duda aquí estamos (: