title: how to do show/hide div with slide in Javascript (without jQuery)
body: <p>how to do show/hide div with slide from left to right in Javascript <strong>(without jQuery)</strong></p>
  
  <p>this is example for what i need (in jQuery): <a href="http://jsfiddle.net/dRpWv/1/" rel="nofollow">http://jsfiddle.net/dRpWv/1/</a></p>
  
  <hr>
  
  <p><em>this is the example source of what i need in jQuery:</em></p>
  
  <pre><code>&lt;a href="#" id="button" class="button_style"&gt;Show content&lt;/a&gt;
  &lt;div id="hidden_content"&gt;Content&lt;/div&gt;
  
  &lt;script&gt;
  $(document).ready(function() {
      $("#button").toggle(function() {
          $(this).text('Hide Content');
      }, function() {
          $(this).text('show Content');
      }).click(function(){
          $("#hidden_content").slideToggle("slow");
      });
  });
  &lt;/script&gt;
  </code></pre>