divs wieder ausblenden

[K. R. Eyden]

Hey ho
am besten, ihr schaut euch erst dieses Beispiel an, wenn ichs versuch zu erklärn, kapierts eh kein Mensch
Link

<table width="313" border="0" cellpadding="0">
  <tr>
    <th scope="col">Link 1</th>
    <th scope="col">Link 2</th>
    <th scope="col">Link 3</th>
  </tr>
</table>
<hr />
<table width="313" border="0" cellpadding="0">
  <tr>
    <th scope="col"><div id="hiddendiv1">Lorem ipsum</div><div id="hiddendiv2">Fröhliche Ostern</div><div id="hiddendiv3">Fröhliche Weihnachten</div></th>
  </tr>
</table>

Das hier ist mein HTML-Code...in einer externen CSS steht das hier:

#hiddendiv1 { 
	display: none;
	padding-top: 0px;
}

.hiddendiv1 { 
	display: none;
}


#hiddendiv2 { 
	display: none;
	padding-top: 0px;
}

.hiddendiv2 { 
	display: none;
}

#hiddendiv3 { 
	display: none;
	padding-top: 0px;
}

.hiddendiv3 { 
	display: none;
}

In einer externen js steht das hier:

function toggledisplay (id){ 
	if (document.getElementById) { 
		var obj = document.getElementById(id);
		obj.style.display = (obj.style.display=='block'?'none':'block');
	} else if(document.all)
	{ // IE
		id.style.display = (id.style.display=='block'?'none':'block');
	} else if (document.layers)
	{ // Netscape 4.x
		document.id.style.display = (document.id.style.display=='block'?'none':'block');
	}
}

Es tut mir Leid, dass ich euch so mit den Codes erschlag, verzweifel aber bald daran...
Und zwar wird die vorige div nicht mehr ausgeblendet, wenn ich auf den nächsten Link klicke..wie bewerkstellige ich das? Die css und js ist natürlich per <link href>und <script src> eingebunden. Hab hier die 3 Dateien als zip zum Download bereitgestellt: Download
Vielen Dank im voraus!!!!!!!!!
P.S: vllt weiß auch jemand ne andere Lösung...ich möcht nen Content in nem div darstellen, die Contents sollen mit versch. Links aufgerufen werden...in derselben div