title: jquery show/hide code with checkbox
body: <p>This is a bit of a backwards question but here goes...
  After searching the web and stackoverflow, I found a piece of code (below) that "almost" works for what I want it to do. It shows the fields on pageload until it is checked and I want it to hide the fields until it is checked.  I don't understand jQuery very well and even after going through a few tutorials, I don't know what to change to make it work for what I want!  Here is the code:</p>
  
  <pre><code>$(document).ready(function(){
      $('input[type="checkbox"]').click(function(){
          var inputValue = $(this).attr("value");
          $("." + inputValue).toggle();
      });
  });
  
    &lt;div class="form-group form-group-sm"&gt;   
                  &lt;div class="input-group col-md-12"&gt;
                  &lt;label&gt;&lt;input type="checkbox" name="shipDiff" value="1" onkeyup="getResults()"&gt; Shipping address different than billing address?&lt;/label&gt;                
                  &lt;/div&gt;
              &lt;/div&gt;
  &lt;div class="1"&gt;
  &lt; div ...rest of fields here...&gt;
  </code></pre>