Toggle Function

<html>
<script type="text/javascript">
	function toggleFields(p) {
	if (p=="5"){
          document.getElementById('cc_fourth').style.display="block";
          document.getElementById('cc_half').style.display="none";
          document.getElementById('cc_full').style.display="none";
          document.getElementById('cc_segment').style.display="none";
     	}
     	if (p=="44"){
          document.getElementById('cc_fourth').style.display="none";
          document.getElementById('cc_half').style.display="none";
          document.getElementById('cc_full').style.display="block";
          document.getElementById('cc_segment').style.display="none";
          alert(p);
     	}
     	if (p=="6"){
          document.getElementById('cc_fourth').style.display="none";
          document.getElementById('cc_half').style.display="block";
          document.getElementById('cc_full').style.display="none";
          document.getElementById('cc_segment').style.display="none";
     	}
     	if (p=="8"){
          document.getElementById('cc_fourth').style.display="none";
          document.getElementById('cc_half').style.display="none";
          document.getElementById('cc_full').style.display="none";
          document.getElementById('cc_segment').style.display="block";
     	}
     	else{
          document.getElementById('cc_fourth').style.display="none";
          document.getElementById('cc_half').style.display="none";
          document.getElementById('cc_full').style.display="none";
          document.getElementById('cc_segment').style.display="none";
     	}
     	}

</script>
<table>
<tr>
    <td>Choose Radius Type:</td>
      <td><select id="radSelect" onchange="toggleFields(this.value)" name="id[4]"><option value="5">1/4 Circle&nbsp;&nbsp;</option><option value="6">1/2 Circle&nbsp;&nbsp;</option><option value="8">Eyebrow&nbsp;&nbsp;</option><option value="44">Full Circle&nbsp;&nbsp;</option></select></td>
      </tr>
      <div id="cc_fourth" style="display:none">
      <H1>Fourth</H1>
      </div>
      <div id="cc_half" style="display:none">
      <H1>half</H1>
      </div>
      <div id="cc_full" style="display:none">
      <H1>Full</H1>
      </div>
      <div id="cc_segment" style="display:none">
      <H1>Eye</H1>
      </div>
</table>
</html>