[SOLUCIONADO] jquery caja que aparezca y desapare

[jbryan1093]

Tengo un botón y quiero que al apretar cierto botón aparezca una caja div y también para otro botón para poder cerrarlo.

<a href="#" class="boton-play">Boton</a>
<a href="#" class="cerrar">Boton</a>
<div class="caja"></div>

$(function() {
$('.boton-play').click(function(){
$('.caja').fadeIn('fast')
});
$('.cerrar').click(function(){
$('.overlay').fadeOut('fast');
});
});

No se como hacerlo, lo que quiero es que aparezca ese un div encima de otro div asi que mi css trabajo con z-index

[robg]

Buenas jbryan

Te indico un código que he desarrollado con los manuales de Jquery.

Cuando pulsas "#login_user_top", aparece el <div> de #login.
Y cuando vuelves a pulsar, desaparece.

$(document).ready(function(){


$("#login_user_top").click(function(){

$("#login").slideToggle(300);
});


});

El #login debe estar a: display:none; en la hoja de estilos.

Espero que te ayude.

Salu2.

RG

[robg]

Y para que aparezca encima, debes indicarlo en la hoja de estilos:

position: absolute;
left:1000px;
top:50px;
z-index: 100;

Un saludo.

RG

[jbryan1093]

Gracias Robg Me funciona tu script.