Digamos que tengo el siguiente HTML y quiero ocultar dinámicamente todos los elementos secundarios del div 'superpuesto'
<div id="overlay" class="foo"> <h2 class="title">title</h2> <h1 id="bar">sub-title</h1> <button id="reset">reset</button> </div>
¿Hay una mejor manera de ocultar/mostrar en masa estos elementos que llamar a .className = 'hide' en ellos individualmente?
* tenga en cuenta que quiero recuperarlos más tarde, por lo que recorrerlos con .remove() o establecer div innerHTML en una cadena vacía no es una opción
En tu css puedes crear esto:
#overlay.hidden-content > * { visibility: hidden }
Y agregue hidden-content
a su div con una identificación de overlay
para ocultar todos los elementos secundarios.