title: Toggle show hide div on checkbox value
body: <p>Hee,</p>
  
  <p>Im trying to toggle multiple divs based on its parent checkbox value.</p>
  
  <p>It just doesn't seem to work. Probably a rookie mistake! Can you help me out?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;li&gt;&lt;input class="yourCheckbox" type="checkbox" value="1" /&gt;&lt;label&gt;Type zaak&lt;/label&gt;&lt;/li&gt;
      &lt;div id="1" style="display:none;"&gt;          
          &lt;label class="marginleft20" for="invTypeRegeling"&gt;Type zaak&lt;strong&gt; *&lt;/strong&gt;&lt;/label&gt;          
          &lt;select multiple="multiple"&gt;
              &lt;option&gt;Bezwaar&lt;/option&gt;
              &lt;option&gt;Beroep&lt;/option&gt;
              &lt;option&gt;Administratief beroep&lt;/option&gt;
              &lt;option&gt;Proforma beroep&lt;/option&gt;
              &lt;option&gt;Proforma hoger beroep&lt;/option&gt;
              &lt;option&gt;Hoger beroep-dept. verweerder&lt;/option&gt;
              &lt;option&gt;Hoger beroep-dept. appelland &lt;/option&gt;
              &lt;option&gt;Voorlopige voorziening&lt;/option&gt;
              &lt;option&gt;Rechtstreeks beroep&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>$(document).ready(function(){
     $(".yourCheckbox").click(function(){
         $("#"+$(this).val()).toggle();
     });
  ]);
  </code></pre>
  
  <p><a href="http://jsfiddle.net/Sentah/o1mjxfm6/" rel="nofollow">http://jsfiddle.net/Sentah/o1mjxfm6/</a></p>