Hola,
Tengo un div (#botón) actuando como botón. Quiero que al pulsarlo aparezca otro div oculto por defecto (#desple) y que al mismo tiempo se oscurezca la capa contenedora (#principal). Al volver a pulsar el botón todo debe volver a la situación incial. He conseguido que el div #desple funcione ok, pero no sé como alternar el tema de la opacidad, pues tal y como lo tengo se oscurece al primer click pero no retorna a la opacidad normal. El código utilizado es el siguiente:
Código:
$(document).ready(function(){
$("#boton").click(function(event){
$("#desple").toggle("slow");
$("#principal").css("opacity",0.5);
});
});
También he intentado algo como esto pero no funciona:
Código:
$(document).ready(function(){
$("#boton").click(function(){
$("#desple").toggle("slow");
$("#principal").toggle(function(){
$("#principal").css("opacity",0.5);
});
});
});
Y complicando aún más la cosa, me gustaría que cuando se oscurezca el div #principal también se oscurezca el div #botón.
Agradezco alguna ayuda.