hidden, visible

Det mangler en style.

<a href="#" onclick="document.getElementById('appletpic').style.visibility='visible';return false">Load viewer</a>

<div id="appletpic" style="position:absolute; visibility:hidden">
  <img alt="Jvue" border="0" src="../../i/file.gif">
</div>

hmmm ja du har ret.
Nu så jeg lige at den kun gør det første element synligt, når der er flere elementer med samme navn. Hvad kan jeg gøre ved det?
Det hele indgår i et større loop, så jeg kan ikke bare fjerne div'erne og kun ha en div rundt om.

<a href="#" onclick="document.getElementById('appletpic').style.visibility='visible';return false">Load viewer</a>

<div id="appletpic" style="position:absolute; visibility:hidden">
  <img alt="Jvue" border="0" src="../../i/file.gif">
</div>
<div id="appletpic" style="position:absolute; visibility: hidden">
    <img alt="Jvue" border="0" src="../../i/file.gif">
</div>

Det er forbudt at have flere elementer med den samme id på en side. Så det går ikke.

okay
Nu ser mine div'er således ud:

<div id="appletpic0" style="position:absolute; visibility: hidden"><img alt="Jvue" border="0" src="../../i/file.gif"></div>

<div id="appletpic1" style="position:absolute; visibility: hidden"><img alt="Jvue" border="0" src="../../i/file.gif"></div>

Hvordan kan jeg så ændre dem til visible? Jeg ved jo ikke på forhånd hvor mange div'er der er.

Jeg har selv løst resten. Tak for hjælpen