title: Set height as auto on expanding DIV with jQuery
body: <p>I am trying to set the height of a DIV to auto when I expand it, but when ever I do just '' it shrinks it down, or when I do 'auto' it does nothing. How do I get it to change the height to auto? I have content that will be all different heights and dont want to have to pass in a height parameter every time I set one of these up .This is what I have that is not working properly. The DIV will start out at a static height then needs to expand to expose all of the text in the DIV.</p>
  
  <p>My jsFiddle: 
  <a href="http://jsfiddle.net/gNsrG/" rel="nofollow">http://jsfiddle.net/gNsrG/</a></p>
  
  <p>This is my jQuery code:</p>
  
  <pre><code>function changeheight(_this) {
      var thisText = $(_this).text() ;
      if (thisText == 'more') {
          $('#overviewtext').animate({
              'height': ''
          }, 600);
          $(_this).text((thisText  == 'more') ? 'less' : 'more');
      }
      else if (thisText  == 'less') {
  
          $('#overviewtext').animate({
              'height': '150px'
          }, 600);
  
          $(_this).text((thisText  == 'more') ? 'less' : 'more');
      }
  
      return false;
  };
  </code></pre>