Aufklappmenüs

[dwex]

Hallo Leute,

ich hänge hier als absoluter JavaScript-Laie ein einem Problem was ich selbst nicht zu lösen vermag.

Also ich möchte mit JavaScript Menüs öffnen und schließen.
Dazu habe ich folgenden Code:

<script type="text/javascript">
<!--
function outline(id)
{
 if(document.getElementById(id).style.display == 'none')
 {
  document.getElementById(id).style.display = 'block';
 }
 else
 {
  document.getElementById(id).style.display = 'none';
 }
}
//-->
</script>

Das ganze rufe ich dann so auf:

<div id="box1"><a id="box1link" href="#" onclick="outline('verwaltung'); return false;"><img border=0 src="navheadverwaltung.jpg"></a></div>
    <span id="verwaltung" style="display:none">
        <div id="box2"><a id="box2link" href="" target="_blank">&nbsp;Artikel 1</a></div>
        <div id="box2">&nbsp;Artikel 3</div>
        <div id="box2">&nbsp;Artikel 2</div>
    </span>

Also wenn ich auf das Button "Verwaltung" welches im DIV-Layer "box1" steht werden die DIV-Layer mit der ID "box2" angzeigt. Klicke ich nun wieder dann verschwinden diese Boxen "box2" wieder.
Das funktioniert auch bestens.
Jetzt möchte ich aber, dass einige Boxen gleich nach dem Laden der Seite offen sind momentan sind noch alle zu.

Kann mir da jemand helfen - hoffe, dass ich mich verständlich ausgedrückt habe.

Vielen Dank im voraus!

 

[Maik]

Hi,

mit dem Pendant style="display:block" wird ein Element beim Seitenaufruf angezeigt bzw. geöffnet dargestellt.

Übrigens darf eine ID im Dokumentbaum nur einmal enthalten sein. Demnach muss die mehrfach vergebene ID #box2 entweder in drei unterschiedliche IDs aufgeteilt, oder durch eine Klasse ersetzt werden.