Einblenden / Ausblenden -> erweitern

[Jens Ritter]

Hallo Leser,

ich habe das folgende Problem: leider habe ich von JavaScript kaum Ahnung (wollte es zwar immer mal lernen, aber irgendwie hab ich nie Zeit ;-) )

Jedenfalls brauche ich für eine dienstl. Homepage eine Navigation zum Auf- und Zuklappen. Ich hab mir da ein einfach gehaltenes JS besorgt, was auch ganz gut funktioniert. Allerdings würde ich das gerne erweitern.

<script type="text/javascript">
function collapse(input)
{
 elementname = document.getElementById(input);
    if_displayed = elementname.style.display;
        if (if_displayed=='block')
             {
          elementname.style.display='none';
         }
             else
             {
          elementname.style.display='block';
         }
}
</script>

Mit dem Link: <a class="navi" href="javascript:collapse('allgemein');"> wird dann z.B. das div-Element <div id="allgemein" style="display: none;">...</div> eingeblendet und wieder ausgeblendet.

Ich habe nun aber verschiedene Elemente/Inputs, die man alle öffnen und schließen kann. Jetzt hätte ich es aber gern, dass sich immer nur ein Element öffnen kann. Wenn also ein zweites geöffnet wird, soll das bereits offene wieder schließen.
Dazu braucht man sicherlich eine if-Abfrage, die ich aber leider nicht selbst hinbekomm. Es wäre super, wenn mir jemand dabei helfen könnte.

Mit freundlichen Grüßen
Jens