title: combining slideToggle successfully with min-height
body: <p>I currently have a nicely hidden section at the top of my site which slides down upon click. The animation works great with slideToggle but I'd also like the div to cover at least the window height.</p>
  
  <p>I have managed to set the window height as a variable and alter the css to reflect this but combining it with the slideToggle makes the animation jumpy.</p>
  
  <pre><code>jQuery(document).ready(function($) {
    var win = $(window).height();
    $("#hidden").css("min-height", win);
    $("a#toggle").click(function() {
     var txt = $("#hidden").is(':visible') ? 'Show' : 'Hide';
     $("#toggle").text(txt);
     $("#hidden").slideToggle(500);
    });
  });
  </code></pre>
  
  <p>Here is a fiddle <a href="http://jsfiddle.net/HZACf/" rel="nofollow">http://jsfiddle.net/HZACf/</a></p>
  
  <p>If you remove the first two lines of the jQuery, it slides as normal.</p>
  
  <p>Thanks for your help!</p>