Mam skrypt na wyświetlanie ukrytych <divów> po najechaniu na ikonke + wyświetla się więcej informacji o danym rekordzie w tabeli. Wszystkie informacje <divy i wpisy z bazy danych> generuje w pętli do... while.... Problem w tym że skrypt działa tylko dla pierwszego rekordu tz. można rozwinąć tylko pierwszą pozycję... Reszta jest "ślepa" na wszelkie reakcje i powoduje że ciągle wyświetla lub chowa się pierwszy rekord. Prawdopodobnie problem leży w tym że div musi mieć unikalne id dla każdego rekordy, czy ktoś wie co powinienem zroić?

.hiddenRow {
display:none;
visibility:hidden;
}
.visibleRow {
display:;
visibility:visible;
}
<script language="JavaScript"> <!--
function showHide(HID,IMG) {
if (document.getElementById(IMG).src.indexOf('expand') != -1) {
document.getElementById(IMG).src='imgs/collapse.gif';
document.getElementById(HID).className='visibleRow';
} else {
document.getElementById(IMG).src='imgs/expand.gif';
document.getElementById(HID).className='hiddenRow';
}
}
// -->
<?php
do{
$ID = $aDBC->FieldByName ("id");
print ("<tr onClick=showHide('rowHidden','image2'); id=".$ID.">"); print ("<td><img id='image2' src='imgs/expand.gif'></td>"); print ($aDBC->FieldByName ("tytul")); print ("<td width='100%'>"); print ($aDBC->FieldByName ("autor")); print ("<td><a href='info_dokument.php?".SID
."&id_dokument=".$ID."'><b>Więcej</b></a></td>"); print ("<tr id=".$ID."><td>+</td>"); print ("<td colspan='2' id='rowHidden' class='hiddenRow'>"); print ($aDBC->FieldByName ("opis")); }while ($aDBC->Next());
?>
Proszę o odpowiedź i z gory dziękuje. Pozdrawiam
BUMP!