Auflistung Ein und Ausblenden

[Gunnar Bittersmann]

@@1827:

nuqneH

CSS:
Du stellst das Div auf display:none;.

Nein, so einfach auf gar keinen Fall.

So sind sie nicht mehr sichtbar und werden "ignoriert".

Eben. Und so bleiben sie es bis in alle Ewigkeit bei Clients mit CSS-Unterstützung, aber ohne JavaScript-Unterstützung (das könnten auch Suchmaschinen sein).

Damit die Inhalte auch ohne JavaScript erreichbar sind, darf 'div {display: none}' nur bei aktiviertem JavaScript wirken. Also entweder mit JavaScript auf 'style.display = "none"' setzen oder noch besser dem 'html'- oder 'body'-Element mit JavaScript eine Klasse "js" vergeben
  <script type="text/javascript">[code lang=javascript]document.documentElement.className += " js";</script>[/code] im 'head'
bzw.
  <script type="text/javascript">[code lang=javascript]document.body.className += " js";</script>[/code] als erstes im 'body'
und im Stylesheet
  .js div {display: none}

Qapla'