title: Hide/Show from left
body: <p>I have this code with which I can hide/show. I want the div to hide while it moves left. How can I do that? <a href="http://jsfiddle.net/dRpWv/306/" rel="nofollow">This is what I have FIDDLE</a></p>
  
  <h2>JavaScript</h2>
  
  <pre><code>$(document).ready(function() {
      $("#button").toggle(function() {
          $(this).text('Show Content');
      }, function() {
          $(this).text('Hide Content');
      }).click(function(){
          $("#hidden_content").slideToggle("slow");
      });
  });
  </code></pre>
  
  <h2>HTML</h2>
  
  <pre><code>&lt;a href="#" id="button" class="button_style"&gt;Hide content&lt;/a&gt;
  &lt;div id="hidden_content"&gt;Content&lt;/div&gt;
  </code></pre>