How can I animate the height of this element to auto in the following jQuery toggle function?
<p>Right now I'm using the following to animate the element to 150px:</p>

<pre><code>$(".user-review-toggle").toggle(function(){
        $(this).css("display", "none");
        $(this).css("backgroundPosition", "0 -12px");
        $(this).prev('.user-review').animate({height: 150}, 200, function () {
            $(this).css("overflow", "visible");
        });
    }, function(){
        $(this).css("backgroundPosition", "0 0");
        $(this).prev('.user-review').animate({height: 98}, 200, function () {
            $(this).css("overflow", "hidden");
        });
    });
</code></pre>

<p>I would like to animate the height of the element to auto.</p>

<p>Any suggestions to accomplish this?</p>

<p>EDIT:</p>

<p>I tried setting the element's height to auto and extract the height and then use it but it didn't work:</p>

<pre><code>$(".user-review-toggle").toggle(function(){
$(this).prev('.user-review').css('height', 'auto');
    var height = $(this).prev('.user-review').height();

$(this).css("display", "none");
$(this).css("backgroundPosition", "0 -12px");
$(this).prev('.user-review').animate({height: height}, 200, function () {
</code></pre>
