IE8 – Visibilidad CSS: colapso – ¿No funciona?

¿Funciona el estilo de visibilidad css “colapsar” en IE8?

La razón por la que pregunto esto es porque tengo un div que estoy tratando de colapsar. Cuando publico mi sitio web, el div se mantiene visible en lugar de colapsarse. Pero cuando lo cambio a “oculto”, el div está oculto.

La razón por la que no uso Hidden en lugar de Collapse es porque no quiero el enorme espacio en mi página.

 display: none; 

?

visibility: collapse; está destinado solo para elementos de tabla. Usar visibility: hidden en

s.

http://www.w3schools.com/css/pr_class_visibility.asp


También notarás la nota en esa página:

Nota: Ninguna versión de Internet Explorer (incluido IE8) admite los valores de propiedad “heredar” o “colapsar”.

Podemos hacer esto dando visibilidad en las clases de CSS.

 #PopUp.show { visibility: visible; } #PopUp.hide { visibility: hidden; } 

Bueno, parece que la visibility: collapse se puede usar en IE. Lo estoy usando y está funcionando tanto en IE como en Firefox. No sé sobre otros navegadores aparte de estos dos.

He hecho lo siguiente:

HTML:

Javascript + Jquery:

var rows = $('table.intValidationTable tr');

var rangeTR = rows.filter('.rangeTR');

var listTR = rows.filter('.listTR');

rangeTR.css("visibility", "visible");

listTR.css("visibility", "collapse");

¡Esto debería funcionar!