Estoy haciendo una web con muchas ventanas que se abren y se cierran, como si fuera un escritorio para hacerte una idea, las ventanas son en realidad divs que se ocultan o se muestran (con show o con fadeIn).
Para algunos casos necesito saber si hay alguno de esos divs mostrandose o no, para poder cambiarles propiedades o no.
Cuando se le hace hide o fadeOut a un elemento se le cambia alguna propiedad? porque he prbado controando el display, peor no cambia.
Pongo un ejemplo, en este caso quiero que el menu (semi-transparente cuando hay otra ventana activa) se vuelva a opacar cuando paso por encima, cuando salgo quiero que se mantenga con opacidad normal si no hay nada abierto, si hay algo abierto que se vuelva a semi-transparentar.
Código:
evidentemente eso no funciona, ya que està declarado en el css con display:"none" y no lo cambia la funcion fadeIn() que le hago para mostrarla.$(function(){ $("#menu_soccer").mouseover(function(event){ $("#menu_soccer").css({'opacity':"1",'-moz-opacity':"1",'filter':"alpha(opacity=100)"}); }); var a=$(".events").css("display"); if (a=="block"){ $("#menu_soccer").mouseout(function(event){ $("#menu_soccer").css({'opacity':".5",'-moz-opacity':".5",'filter':"alpha(opacity=50)"}); }); } });
Si a alguien se le ocurre cualquier otra manera de saber si un div està mostrandose o no me haria un gran favor...