El titulo no lo explica muy bien, intentaré ser algo más claro.
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:
$(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)"});
});
}
});
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.
Si a alguien se le ocurre cualquier otra manera de saber si un div està mostrandose o no me haria un gran favor...