Mehrere Tabellen ausblenden

[molily]

Hallo,

function ausblenden()
{
document.getElementById('tab2').style.display='none';
document.getElementById('tab3').style.display='none';
}

und rufe diese mit dem link

<a href="javascript:ausblenden('tab2');">ausblenden</a>

auf.. wie schreibe ich jetzt in den link das mehrere aufzurufen sind?

Mit mehreren Parametern:

ausblenden('tab2', 'tab3', 'tab4') usw.

In der Funktion kannst du dann die variable Anzahl von Parametern verarbeiten, indem du mit dem arguments-Array arbeitest:

for (var i = 0; arguments.length; i++) {
  var argument = arguments[i];
  document.getElementById(argument).style.display = "none";
}

Wahrscheinlich gibt's aber eine einfache Möglichkeit, indem man CSS clever nutzt. Wenn es ein festes Set an Elementen ist, das du ausblenden willst, dann gib ihnen dieselbe Klasse. Mit CSS und JavaScript kannst du dann in einem Rutsch alle ein- oder ausblenden:

CSS-Regeln:
body.tabs-ausgeblendet .tabs { display:none; }
body.tabs-eingeblendet .tabs { display:block; }

Im JavaScript dann:
document.body.className = "tabs-ausgeblendet";
oder
document.body.className = "tabs-eingeblendet";

Blendet dann alle Elemente mit der Klasse »tabs« ein bzw. aus.

Mathias