title: Shipping address same as Billing
body: <p>I have a form, the Shipping address needs to be hidden, when you uncheck the checkbox (Same Shipping address as Billing address) the shippingaddress fields gets visible. Also the billing address needs to be filled as same as the shippingaddress unless the checkbox is unchecked.</p>
  
  <p>So short said, copy billing address to shippingaddress and shippingaddress not visible, when unchecked, shippingaddress gets visible and fields are empty.</p>
  
  <p>I made a start here;
  Hope someone can help me out!</p>
  
  <p><a href="http://jsfiddle.net/fourroses666/P7RhF/3/" rel="nofollow">http://jsfiddle.net/fourroses666/P7RhF/3/</a></p>
  
  <pre><code>&lt;form&gt;
  
      &lt;p class="form-row form-row-first"&gt;
        &lt;label&gt;Firstname &lt;abbr class="required" title="verplicht"&gt;*&lt;/abbr&gt;&lt;/label&gt;&lt;br /&gt;
        &lt;input type="text" placeholder="Firstname" name="firstname:required" id="firstname" /&gt;
      &lt;/p&gt;
  
      &lt;h2&gt;Deliver address&lt;/h2&gt;
  
      &lt;p id="shiptobilling" class="form-row"&gt;
        Same as Shipping &lt;input type="checkbox" onclick="SetBilling(this.checked);" /&gt; 
      &lt;/p&gt;
  
      &lt;div class="shipping_address" style="display:none;"&gt;
          &lt;p class="form-row form-row-first"&gt;
            &lt;label&gt;Voornaam &lt;abbr class="required" title="verplicht"&gt;&lt;/abbr&gt;&lt;/label&gt;&lt;br /&gt;
            &lt;input type="text" placeholder="Firstname" name="deliver_firstname" id="deliver_firstname" /&gt;
          &lt;/p&gt;
      &lt;/div&gt;
  
      &lt;input class="btn" type="submit" value="Checkout" name="checkout" /&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>And the script:</p>
  
  <pre><code>&lt;script type="text/javascript" language="javascript" src="http://code.jquery.com/jquery-1.8.2.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  function SetBilling(checked) {
      if (checked) {
          document.getElementById('firstname').value = document.getElementById('deliver_firstname').value; 
      } else {
          document.getElementById('firstname').value = ''; 
      }
  }
  &lt;/script&gt;
  </code></pre>