i have two div tags. one is visible until a radio button is clicked.
i then have another one shown.

i need to make the first one hidden.

here is my code
Code:
function toggle(id2,id) {
     document.all[id2].style.visibility = "visible" ;
     document.all[id].style.visiblity = "hidden";
}
<DIV ID="divShowHide" STYLE=" position:relative;visibility:visible; "> 
  <table>
    <tr> 
      <td>Do you like green eggs and ham?
      </td>
    </tr>
    <tr> 
      <td><input type="radio" name="answer" onClick="toggle('toggleOff','divShowHide');">
        A. Yes</a> <br> <input type="radio" name="answer" onClick="toggle('toggleOff','divShowHide');">
        B. No</a> </td>
    </tr>
  </table>
</DIV>

<div id="toggleOff" style="visibility:hidden;position:relative; "> 
  <table border="1" bordercolor="#FF9900">
    <tr> 
      <td>who cares what you like.</td>
    </tr>
  </table>
</div>
any suggestions are welcome.
thanks