Bien, entonces tuve una situación en la que necesitaba agregar algunos elementos DOM clonados a un elemento DIV padre en una página web.padre oculto pero los niños siguen visibles (¡no los quiero visibles)!
Tenía cuatro de estos titulares de DIV para padres. Cuando hago que su visibilidad cambie de visible a oculta, suceden cosas realmente extrañas: TODOS los niños agregados a la carga de la página PERMANECES PERMANECEN visibles.
Aquí hay un enlace para descargar el código fuente: http://www.clarencebowman.com/parent-child-visibility/parent-child-visibility.zip
y aquí es un enlace para ver el fenómeno de primera mano: http://www.clarencebowman.com/parent-child-visibility
Lo que verán es una caja roja con un poco de color magenta elementos secundarios agregados, publicar carga de página. Hay un botón mostrar/ocultar en la parte inferior de la página.
Agregué una franja verde en el DIV padre para mostrar que sus elementos secundarios sí heredan su visibilidad correctamente.
¡Pero después de agregar los elementos secundarios clonados y luego ocultar el DIV padre, NINGUNO de los elementos secundarios clonados desaparece!
Ya he intentado colocar al niño para ser clonado dentro del DIV padre antes de ejecutar el script de duplicación ... no hace ninguna diferencia.
cualquier elemento secundario que se agregan después de carga de páginas parece que de alguna manera han perdido su vínculo con la herencia del elemento DIV padre (el cuadro rojo) .....
Cualquier otra experiencia de esto? ¿Hay una manera simple de reparar/reemplazar/reasignar la herencia de los niños?
Estoy usando jQuery 1.5.
intente 'display: none;' en lugar de 'visibility: hidden;' – dcestari