Mordor: javascript hide & show - HILFE

Beitrag lesen

Hallo!

Ich habe auf meiner Website eine Javascript-Funktion eingebaut (Kopiert, da ich sogut wie keinen Plan von Javascript habe), mit der sich zwei Div-Container (die mit Display: none; ausgeblendet wurden) abwechselnd durch einen Klick auf einen Link ein- und ausblenden lassen.

Das sind die Javascriptfunktionen

function show(id) {
	if(document.getElementById) {
		var mydiv = document.getElementById(id);
		mydiv.style.display = (mydiv.style.display=='block'?'none':'block');
	}
}
function hide(id) {
	if(document.getElementById) {
		var mydiv = document.getElementById(id);
		mydiv.style.display = (mydiv.style.display=='none'?'block':'none');
	}
}

und so binde ich es in Html ein.

<a onclick="javascript:hide('div2');javascript:show('div1'); return false">Zeige Div 1</a>

<div1 style="display: none;">...
...
...

Funktioniert auch einwandfrei, nur möchte ich eine weitere Funktion einfügen, mit der ich bei uneingeschränkter Anzahl von Containern zum Bsp. alle bis auf 3 Divs ausblenden kann.

Bitte womöglich mit vorgeferigtem Code da ich ein kompletter Noob in js bin :D

LG