Funzione Show Hide in Javascript

Salve a tutti dopo innumerevoli miei tentativi nel cercare di risolvere il problema del mio show hide mi sono arreso e ho deciso di chiedere qui aiuto a qualche bravo programmatore in grado di aiutarmi.
Il code attualmente e funzionante e lo sto utilizzando in alcune sezione. Io vorrei però applicare la seguente funzione:

- cliccando su un'immagine mi appaia il suo contenuto al di sotto pero cliccando poi un'altra immagine, prima di aprire il contenuto della nuova immagine voglio che chiuda quella gia aperta!

Attualmente col code che utilizzo, tutti i contenuti delle immagini vengono sovrapposte il che mi cause un bel problema. Il codice Javascript che utilizzo è il seguente:

<script language="javascript" type="text/javascript">
function showHide(shID) {
if (document.getElementById(shID)) {
if (document.getElementById(shID+'-show').style.display != 'block') {
document.getElementById(shID+'-show').style.display = 'none';
document.getElementById(shID+'-show').style.display = 'block';
document.getElementById(shID).style.display = 'block';
}
else {
document.getElementById(shID+'-show').style.display = 'inline';
document.getElementById(shID).style.display = 'none';

}
}
}
</script>

Mentre il codice utilizzato per le immagini e i div coi contenuti e questo:

<table border="0" cellpadding="3" cellspacing="0" width="700">
<tr>
<td><a href="#uzumaki" id="uzumaki-show" class="showLink" onclick="showHide('uzumaki');return false;"><img src="http://forum.it.altervista.org/piazza-centrale/.../clan_uzumaki.png" width="135"></a></td>

<td> <a href="#" id="uchiha-show" class="showLink" onclick="showHide('uchiha');return false;"><img src="http://forum.it.altervista.org/piazza-centrale/...clan_uchiha.png" width="135"></a> </td>
</table>

<div id="uzumaki" class="more" >
<p>
Il Clan Uzumaki era il principale clan del Villaggio. Vantava una remota parentela di sangue con il Clan Senju di Konoha, e questo fu alla base della secolare alleanza fra i paesi del...
</p>
<p><a href="" id="uzumaki-hide" class="hideLink" onclick="showHide('uzumaki');return false;">Chiudi</a></p>
</div>


<div id="uchiha" class="more">
<p>
Il Clan Uchiha è uno dei clan del Villaggio della Foglia nella serie manga ed anime Naruto, del mangaka Masashi Kishimoto. Un tempo considerato il più potente clan del Villaggio della Foglia, l'unico...
</p>
<p><a href="" id="uchiha-hide" class="hideLink" onclick="showHide('uchiha');return false;">Chiudi</a></p>
</div>

Spero possiate aiutarmi Grazie in anticipo!

[DS] Usa i tag di codice quando ne riporti ampi stralci, si legge meglio...