Tengo entendido que cuando le agrego a un DIV el 'display:none' este oculta el contenido. Al momento de cargar la página el contenido queda oculto, pero ¿es cargado de todas formas?.
Lo que sucede es que tengo dos DIVS con contenido pesado y busco que ambos contenidos no se carguen, sino el que está visible.
Tengo algo parecido a esto:
Código HTML:
Ver original<a href='javascript: mostrar('seccion-1);'>Sección 1
</a> <a href='javascript: mostrar('seccion-2);'>Sección 2
</a>
<div id='seccion-1'>Contenido extenso
</div>
<div id='seccion-2' style='display: none;'>Contenido extenso
</div>
Cómo hago que el segundo div no sobrecargue la página con su contenido hasta que uno no de la orden. Sé que se puede resolver a través del innerHTML, pero resulta que el contenido es algo extenso y me resulta engorroso manejarlo desde ahí.