Sebastian Schimpf: Syntax-Problem mit Javascript

Beitrag lesen

Hallo,

ich habe ein kleines Script in Benutzung, welches eine Ebene
per Klick einblenden, bzw. wieder ausblenden soll.

Das ganze funktioniert in allen von mir getesteten Browsern
ohne Probleme, bis auf eine Fehlermeldung in der JS-Konsole von Firefox:

Hier das Script:
// Expander für's Style-Menü
function expandCollapse() {
 for (var i=0; i<expandCollapse.arguments.length; i++) {
  var element = document.getElementById(expandCollapse.arguments[i]);
  element.style.display = (element.style.display == "none") ? "block" : "none";
  document.getElementById("reset-it").setFocus;
  }
}

So sieht der Einsatz in Quelltext aus:

<div id="showit" class="nav">
<ul>
<li><a href="javascript:void(0);" onclick="expandCollapse('expand', 'showit');">Style-Men&uuml;</a></li>
</ul>
</div>

<div id="expand" style="display: none;" class="nav">
<ul>
<li><a href="javascript:void(0);" onclick="expandCollapse('expand', 'showit');">Style-Men&uuml;</a></li>
</ul>
</div>

Die Fehlermeldung kommt, wenn ich auf die Ebene klicke und der Expander aufpopt.

Fehler: missing ) after argument list
expandCollapse('expand', ','showit');

----------------------------^

Keine Ahnung was da schief läuft.
Hat jemand vielleicht einen Tipp, wie ich das Script sauber kriege?

Dann gibt es noch eine Schwierigkeit.
Wenn ich per Tabulator durch meine Site navigiere, bleibt der Focus auf der Ebene id="showit" hängen und ich kann die Tabulatortaste solange drücken wie ich will, es geht nicht weiter.
Das checke ich noch viel weniger!

Es wäre super, wenn mir jemand weiterhelfen kann!

Gruß,
Sebastian