Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/08/2010, 10:04
FDA
 
Fecha de Ingreso: agosto-2010
Mensajes: 99
Antigüedad: 14 años, 3 meses
Puntos: 2
como saber si un div està oculto o mostrandose?

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...