title: Slide Down Div on toggle button
body: <p>I have the following code which works to create the div on click, but I would like the div to slide down slowly and not appear immediately:</p>
  
  <pre><code>function hideshow(which) {
  
  if (!document.getElementById) return
  if (which.style.display == "none") which.style.display = "block"
  else which.style.display = "none"
  </code></pre>
  
  <p>I've found some code that appears to do what I'm after, but I'm having difficulty integrating it into my existing code (above):</p>
  
  <pre><code>$(document).ready(function() {
  $("#button").toggle(function() {
      $(this).text('Hide');
  }, function() {
      $(this).text('show');
  }).click(function(){
      $("#hidden_content").slideToggle("slow");
  });
  </code></pre>
  
  <p>I've stuck it on js fiddle if that helps (with supporting css):</p>
  
  <p><a href="http://jsfiddle.net/dRpWv/479/" rel="nofollow">http://jsfiddle.net/dRpWv/479/</a> and
  <a href="http://jsfiddle.net/dRpWv/447/" rel="nofollow">http://jsfiddle.net/dRpWv/447/</a></p>