jQuery: making a textarea slide out when rows are changed?
<p>I have a text area box that expands from 3 to 17 rows when the user enters so many characters as well as on a button click.</p>

<p>SetNewSize(); function is the called via onkeyup and expands the text area when the length becomes greater than 50.</p>

<p>morespace(); function is called via the button. </p>

<p>I would like to slide the box out when this happens, any ideas?</p>

<p>Thanks here is my code:</p>

<pre><code>function SetNewSize(textarea){
if (textarea.value.length &gt; 50)
{
    textarea.rows = 17;
}
else
{
    textarea.rows = 3;
}}

function morespace(){
var thetxt = document.getElementById('more').value;
var box = document.forms["myForm"]["comment"];
if(box.rows == 3)
{
    $("#emailme").fadeOut(800);
    box.rows = 17;
    document.getElementById('more').innerHTML = "less space?";
}
else
{
    $("#emailme").fadeIn(800);
    box.rows = 3;
    document.getElementById('more').innerHTML = "more space?";
}}
</code></pre>
