I am trying to toggle a fieldset in javascript however I am having trouble here is a snippet of my code

<fieldset class="shipBillSame">
	<label> IF THE CUSTOMER INFO IS THE SAME AS THE BILL TO CLICK THE BOX :
	<input type="checkbox" name="option" id="option1" value=""  onClick="checkAddress();"/>
   </label>
</fieldset>

<div id="priv_info">
    <fieldset class="billto">
    
    <legend>Bill To</legend>
        <label>Name : </label><input name="billto_name"  maxlength="49" id="billto_name" type="text" ><span class="req">*</span>
        <label>Address : </label>
        <input name="billto_address"  maxlength="49"  id="billto_address" type="text"><span class="req">*</span>
        <label>City/State/Zip : </label>
        <input name="billto_city"  maxlength="30" id="billto_city" type="text" class="shortInput1"  />
        <input name="billto_state"  maxlength="2" id="billto_state" type="text" class="shortInput2"  /> 
        <input name="billto_zip" maxlength="8"  type="text" id="billto_zip" class="shortInput3"  /><span class="req">*</span> 
        <label>Contact : </label>
        <input name="billto_contact" maxlength="30"  id="billto_contact" type="text"><span class="req">*</span>
        <label>Email : </label>
        <input name="billto_email" maxlength="49"  id="billto_email" type="text">
        <label>Phone/Fax : </label>
        <input name="billto_tel" maxlength="20"  id="billto_phone" type="tel"> 
        <input name="billto_fax" maxlength="20"  id="billto_fax" type="tel"><span class="req">*</span></legend>
    </fieldset>
</div>

<fieldset>
  <legend>Secret Question and Answer</legend>
  <label>Secret Question : </label><input name="secret_question"  maxlength="49" id="Secret_Question" type="text" ><span class="req">*</span>
  <label>Answer : </label><input name="secret_answer"  maxlength="49" id="Answer" type="text" ><span class="req">*</span>
</fieldset>

<div class="buttons"><input type="submit" name="Submit" id="Submit" value="Submit" tabindex="0">
    <input type="reset" name="New" id="reset" value="reset" tabindex="1">
    <input type="button" name="Exit" id="Exit" value="Exit" onClick="self.close()" tabindex="2">
</div>
</form>  

<script type="text/javascript">
function prepareForm(){
	if(!document.GetElementByid){
		return false
	}
	var form = document.GetElementById('registration');
	togglebillto = form.elements["option"];
	togglebillto.onclick = togglePrivInfo;
	togglebillto.onclick();
    }
	function togglePrivInfo(){
		toggle('priv_info');
	}
	function toggle(id){
	 var element = document.getElementByid(id);
	 var display = (element.style.display === 'none') ? '' : 'none';
	 element.style.display = display;	
	}
	prepareForm();
</script>

Select all Open in new window