title: Div slide out from side on Click
body: <p>I am trying to make a div come from the left/right side of the screen, and I tried using checkbox and label method however it does not work ( or I'm just doing something wrong) maybe someone know what to do? here's my project: 
   <a href="http://codepen.io/benasl/pen/vXWBxv/?editors=1100" rel="nofollow">http://codepen.io/benasl/pen/vXWBxv/?editors=1100</a></p>
  
  <pre><code>&lt;input type="checkbox" name="" value="" id="sidebarToggler"&gt; 
  
  &lt;input type="checkbox" name="" value="" id="sidebarToggler2"&gt; 
  
  &lt;div class="products"&gt;
     &lt;label for="sidebarToggler" class="next right"&gt;&lt;b&gt;&amp;#x276F&lt;/b&gt;&lt;/label&gt;
     &lt;label for="sidebarToggler2" class="next left"&gt;&lt;b&gt;&amp;#x276E&lt;/b&gt;&lt;/label&gt;  
  &lt;div id="wrap-products"&gt;
  </code></pre>
  
  <p>I need this effect for #wrap-products</p>