mehrere divs auf einer site haben probleme

[alex]

Ich hoffe ihr versteht was mein problem ist: ich lese mehrere lange Texte aus einer datenbank aus. in dem fall ist dieser text zu lang und wird mit PHP gekürzt. wenn ich aber den unten angeführten code mehrere male auf einer site verwende, wird nur der erste code-block angesprochen: wenn ich auf more drücke entfaltet sich immer nur der oberste... warum? kann mir jemand helfen? und/oder ausbessern?

<div id="myIMG" style="display: block;"/>kurzer text</div>";
<div id="mytext" style="display: none;"/>langer text</div><a href="#" onclick="if(document.getElementById('myIMG').style.display=='block' && document.getElementById('mytext').style.display=='none')
     {
     document.getElementById('myIMG').style.display='none';
     document.getElementById('mytext').style.display='block';
     } else {
     document.getElementById('myIMG').style.display='block';
     document.getElementById('mytext').style.display='none';
}  " style="color: blue; text-decoration: underline; cursor: pointer;">More</a>

mein nächstes problem ist, das wenn ich auf den link draufgedrückt habe, soll statt more zb less stehn, wie geht das? help...

mfg alex