GetElementByID: Etwas einblenden

[Mattikim]

Hallo,

ich möchte auf einer Seite bestimmte Textteile ein- und ausblenden. Ich arbeite mit einem vorgefertigten Script, das wiederum GetElementByID verwendet.

Nun, die ID muss ja im Body einem bestimmten Teil zugeordnet werden: z.B.: <div id="teil1">

Okay, das funktioniert mit einem Teil. Ich möchte aber, viele solcher Teile über viele Links einblenden lassen: Der erste Link den ersten Teil, der zweite den zweiten Teil usw. Nun meine Frage: Muss ich da für jeden Teil einen eigenen Code schreiben?

Bitte um eure Hilfe, Danke und Grüße

Der Code:

<script type="text/javascript" language="javascript">
function addEvent(obj, evType, fn, useCapture){
if (obj.addEventListener){obj.addEventListener(evType, fn, useCapture);
return true;
}
else if (obj.attachEvent){
var r = obj.attachEvent("on"+evType, fn);
return r;
}
else {alert("Handler could not be attached");
}
}

function togglediv(e){
if (!e) return;
var container = document.getElementById(e);
var status= container.style.display;
if (status == 'none'){
container.style.display = 'block';
}
else {container.style.display = 'none';
}
}

function toggledidv(e){
if (!e) return;
var container = document.getElementByClass(e);
var status= container.style.display;
if (status == 'none'){
container.style.display = 'block';
}
else {container.style.display = 'none';
}
}

function addListeners(){
if(!document.getElementById) return;
var toggleButton = document.getElementById('togglebutton');
addEvent(toggleButton,'click', function(event) { togglediv('togglediv') }, false);
}
addEvent(window, 'load', addListeners, false);
</script>
<style type="text/css" media="screen">
.togglediv {display:none}
</style>
</head>