<li id= .. soll erst geladen werden, wenn es aktiviert wird

[Marie]

Hallo liebes Forum, mein Problem ist vielleicht sehr speziell.
Ich habe eine Website, die komplett in einem einzigen HTML-Dokument niedergeschrieben ist, auf verschiedene Javascripts und CSS-Dokumente zugreift und deshalb eben beim ersten Besuch direkt alles lädt, anstatt nur die jeweilige Seite zu laden. Jede Unterseite wird definiert durch ein vorangestelltes: <li id=... z.B.

<li id=home> dann folgen div-Boxen, Bilder und normales HTML <li>
<li id=fotos> dann folgen div-Boxen, Bilder und normales HTML <li>
usw...

Meine Frage:
Kann ich irgendwie vorgeben, dass die entsprechende <li id=...> erst geladen wird, wenn man die entsprechende Unterseite auch wirklich öffnet???

Habt 1000000 Dank für jede Hilfe.