DIV Elemente mit JS triggern - Hilfe gesucht

[Dieter Raber]

Hallo Lotte,

Eine Moeglichkeit waere, die div Elemente mit einem weiteren div Element zu umgeben, und dieses als Argument an die Funktion zu uebergeben. Das sieht dann etwa so aus:

<div id="aussen">
  <div id="a">a</div>
  <div id="b">b</div>
  <div id="c">c</div>
  <div id="d">d</div>
  <div id="e">e</div>
</div>

Dein JS waere dann etwa so:

function toggleMenu(aeuseres_element, anzuzeigendes_element)
{
  // erst erzeugst du eine Referenz auf das aeussere Element,
  var aeusseresElement = document.getElementById(aeuseres_element);

// dann auf das anzuzeigende Element,
  var anzuzeigendesElement = document.getElementById(anzuzeigendes_element);

// dann auf die inneren, beachte, dass es hier mit 'aeusseresElement', nicht mit 'document' losgeht
  var alleInneren = aeusseresElement.getElementsByTagName('div')

// dann schleifst du durch die inneren Elemente
  for (var i = 0; i < alleInneren.length; i++)
  {
    alleInneren[i].style.display = 'none';
  }
  anzuzeigendesElement.style.display="block"
  return true;
}

Man kann das natuerlich noch etwas netter machen, aber hier kommt es ja nur auf des Prinzip an.

Gruß,

Dieter