Blind Effect - Updating height to fit content

Question

Hi everyone!
I have an html panel which loads up html fragments when a link is clicked - works fine!
I also added a blind effect so that the panel slides up, loads the new content, and slides back down.
This also works, with a queer side effect:
The panel height stays the same as the original content!
This means that if I load a smaller amount of html into the html panel, there is a large gap at the bottom, and if I load a larger page, the bottom is cut off and you cant see it.
So the question is:
how do i tell the blind effect to resize to the new height after the new data is loaded?

Answer 1

Thanks Alejandro. I also found that to make the textareas available to the script when the page loads, i had to set the table's contentDelivery property to "immediate".
In case anyone else needs this, here is how i adapted the javascript Alejandro had shared:
<af:resource type="javascript">
    function resizeHeight(e) {
    var textAreas = document.getElementsByTagName("textarea");
    for (var i=0, max=textAreas.length; i &lt; max; i++) {
     var textArea = textAreas;
while (textArea.rows > 1 &amp;&amp; textArea.scrollHeight &lt; textArea.offsetHeight)
textArea.rows--;
while (textArea.scrollHeight > textArea.offsetHeight)
textArea.rows++;
textArea.rows++;
</af:resource>