title: Hide/Show on left side using jQuery
body: <p>I want to hide/show a div on click. I want the div to go left to hide when I want it to hide. I have this. But the div goes up to hide. <a href="http://jsfiddle.net/6fK8G/3/" rel="nofollow">FIDDLE</a></p>
  
  <pre><code>$(document).ready( function() {
      $('#showmenu').click( function() {
         var hidden = $('.sidebarmenu').data('hidden');
         $('#showmenu').text(hidden ? 'Show Menu' : 'Hide Menu');
         if ( hidden ) {
             $('.sidebarmenu').css({
                 position: 'absolute',
                 left: -200000
             });
         } else {
             $('.sidebarmenu').css({
                 position: '',
                 left: 0
             });
         }
         $('.sidebarmenu,.image').data("hidden", !hidden);
      });
  }); 
  </code></pre>
  
  <p>And this is my HTML</p>
  
  <pre><code> &lt;button id="showmenu" type="button"&gt;Show menu&lt;/button&gt;
   &lt;div class="sidebarmenu" style="position: absolute; left: -200000px"&gt;
       This should go left
   &lt;/div&gt;
  </code></pre>