Byta bild fram och tillbaka

Hepp!

Jag har ett litet problem som jag vet hur jag ska lösa men vet inte hur jag gör det i javascript, någon kanske har tid å slänga en titt på det.

<a href="#" onClick="document.getElementById('unik<%=y%>').style.display=(document.getElementById('unik<%=y%>').style.display=='none')?'block':'none';return false; " ><img src="/BIN/Images/Icons/Icn_PlusSign.gif" width="9" height="9" border="0"></A>

Jag skriver ut en sådan här länk med data ifrån en databas, sen har jag en tr med ett unikt id

<tr id="unik<%=y%>">

när man klickar på länken så dyker den från början gömda <tr> taggen upp, vad jag vill göra är att när jag trycker på länken (som är en bild iform av ett plus tecken) så ska den bytas ut mot ett minustecken, klickar man igen, då på minustecknet ska bilden bytas tillbaks till plusbilden.

Tacksam!

Om du skapar en bild som också har ett unikt namn (går lika bra med id och DOM om man vill) som har samma slut (alltså <%=y%>) så kan du använda egenskapen för display (som alltså växlar mellan "none" och "block") som del av filnamn för bilden;

Bilden för plus/minus;

<img src="block.gif" name="bildunik<%=y%>">

och sedan från onClick (i slutet efter att du bytt värde på display);

document['bildunik<%=y%>'].src=document.getElementById('unik<%=y%>').style.display+'.gif';

tackar!