title: Toggle divs and animate an arrow if the section's checkbox is checked
body: <p>So I have a bunch of divs like this: </p>
  
  <pre><code>&lt;div class="section-head" id="contact-info"&gt;
          &lt;i class="fa fa-3x fa-user"&gt;&lt;/i&gt;
      &lt;div class="section-info"&gt;
          &lt;h4&gt;Contact Information&lt;/h4&gt;
          &lt;p&gt;The bare minimum you need to get started&lt;/p&gt;
      &lt;/div&gt;
        &lt;div class="onoffswitch"&gt;
          &lt;input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" checked&gt;
         &lt;label class="onoffswitch-label" for="myonoffswitch"&gt;&lt;/label&gt;
      &lt;/div&gt;
            &lt;div class="arrow-down"&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;div class="contact-info"&gt;
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at massa luctus, suscipit ligula ut, tristique purus. Aliquam erat volutpat. Maecenas tincidunt pulvinar libero, eget iaculis libero placerat at. Fusce vitae nisl volutpat, laoreet tellus ac, lobortis orci. Proin felis ipsum, imperdiet nec aliquam in, venenatis sed magna. In mollis tempus maximus. Pellentesque eget nisl tempor lorem condimentum vestibulum. Quisque ante odio, eleifend id facilisis sed, tincidunt sed nunc. Ut porttitor commodo nulla, sagittis feugiat ante. Aenean pellentesque ante at interdum dignissim. Fusce et est ac est scelerisque porta vel at justo. Maecenas non lectus purus. Cras congue egestas rutrum. Praesent lobortis mattis ante, eget dictum lorem maximus sed. Vestibulum sed ipsum eget magna pellentesque volutpat. Morbi ultrices massa ante, in congue nisl lobortis semper.
  
      Praesent eleifend nisl est, ac pulvinar erat venenatis volutpat. Sed tempus rutrum sapien, vel sagittis massa sagittis ac. Nullam aliquet enim non accumsan imperdiet. Integer enim turpis, eleifend eget sollicitudin ac, ornare nec purus. Etiam non ex orci. Mauris fringilla, diam nec viverra posuere, nisl nulla malesuada mauris, eu placerat lacus turpis ullamcorper arcu. Nullam placerat facilisis urna eu consequat. Sed luctus tellus in nisi vestibulum consectetur. Etiam tincidunt pellentesque laoreet. 
  &lt;/div&gt;
  
  &lt;div class="section-head" id="merchant-services"&gt;
          &lt;i class="fa fa-3x fa-credit-card"&gt;&lt;/i&gt;
      &lt;div class="section-info"&gt;
          &lt;h4&gt;Merchant Services&lt;/h4&gt;
          &lt;p&gt;The bare minimum you need to get started&lt;/p&gt;
      &lt;/div&gt;
        &lt;div class="onoffswitch"&gt;
          &lt;input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch2"&gt;
         &lt;label class="onoffswitch-label" for="myonoffswitch2"&gt;&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="arrow-down"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="merchant-services"&gt;
           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at massa luctus, suscipit ligula ut, tristique purus. Aliquam erat volutpat. Maecenas tincidunt pulvinar libero, eget iaculis libero placerat at. Fusce vitae nisl volutpat, laoreet tellus ac, lobortis orci. Proin felis ipsum, imperdiet nec aliquam in, venenatis sed magna. In mollis tempus maximus. Pellentesque eget nisl tempor lorem condimentum vestibulum. Quisque ante odio, eleifend id facilisis sed, tincidunt sed nunc. Ut porttitor commodo nulla, sagittis feugiat ante. Aenean pellentesque ante at interdum dignissim. Fusce et est ac est scelerisque porta vel at justo. Maecenas non lectus purus. Cras congue egestas rutrum. Praesent lobortis mattis ante, eget dictum lorem maximus sed. Vestibulum sed ipsum eget magna pellentesque volutpat. Morbi ultrices massa ante, in congue nisl lobortis semper.
  
          Praesent eleifend nisl est, ac pulvinar erat venenatis volutpat. Sed tempus rutrum sapien, vel sagittis massa sagittis ac. Nullam aliquet enim non accumsan imperdiet. Integer enim turpis, eleifend eget sollicitudin ac, ornare nec purus. Etiam non ex orci. Mauris fringilla, diam nec viverra posuere, nisl nulla malesuada mauris, eu placerat lacus turpis ullamcorper arcu. Nullam placerat facilisis urna eu consequat. Sed luctus tellus in nisi vestibulum consectetur. Etiam tincidunt pellentesque laoreet. 
    &lt;/div&gt;
  </code></pre>
  
  <p>The arrow needs to transition down and the div with text should appear when the box is checked. I have found a lot of examples of how to do this with one checkbox and one div, but I need to find a efficient way to do this with all of my divs/ checkboxes without writing jquery for each individual checkbox. Any advice would be awesome.</p>