Skjul/vis layer ved hjælp af JavaScript!

Hej,

Jeg har et lille problem!

Jeg har en dropdown-box, det jeg så ønsker er:

Hvis "Andet" vælges så skal feltet nedenunder blive synligt. I det øjeblik man så vælger noget andet end "Andet" skal laget blive skjult igen!

Hvad gør jeg galt, eller er det ikke muligt?


--- UDDRAG AF KODE ---

  <tr>
    <td><p class="text"><b>Hovedinstrument:&nbsp;</b></p></td>
    <td>
    <select class="stdipbut" style="width: 300px;">
      <option onclick="hide(\'prim_andet\')">Klaver</option>
      <option onclick="hide(\'prim_andet\')">Guitar</option>
      <option onclick="hide(\'prim_andet\')">El-Guitar</option>
      <option onclick="hide(\'prim_andet\')">Bas</option>
      <option onclick="hide(\'prim_andet\')">El-Bas</option>
      <option onclick="hide(\'prim_andet\')">Violin</option>
      <option onclick="hide(\'prim_andet\')">Tuba</option>
      <option onclick="hide(\'prim_andet\')">Saxofon</option>
      <option onclick="hide(\'prim_andet\')">Klarinet</option>
      <option onclick="hide(\'prim_andet\')"></option>
      <option onclick="show(\'prim_andet\')">Andet</option>
    </select>
    </td>
  </tr>
  <tr>
    <td><p class="text"><b> - Hvis andet:&nbsp;</b></p></td>
    <td><div id="prim_andet"><input type="text" name="prim_instrument_andet" class="stdipbut" style="width: 300px;"></div></td>
  </tr>

--- UDDRAG -- SLUT ---

Script:

      <script type="text/javascript">
      function show(layer_id)
      {
        if (document.layers)
            document.layers[layer_id].visibility='show';
        else if (document.all)
            document.all[layer_id].style.visibility='visible';
        else
            document.getElementById(layer_id).style.visibility='visible';
      }
      function hide(layer_id)
      {
        if (document.layers)
            document.layers[layer_id].visibility='hide';
        else if (document.all)
            document.all[layer_id].style.visibility='hidden';
        else
            document.getElementById(layer_id).style.visibility='hidden';
      }
      </script>


CSS:

        #prim_andet
        {
            position:relative;
            visibility:hidden;
        }