Need some help on jQuery sliding box script to set the height equal to text
<p>I have updated the code I am working on here <a href="http://jsfiddle.net/dFfJm/" rel="nofollow">http://jsfiddle.net/dFfJm/</a></p>

<p>At the first sliding box where there is only 1 line of text. On the second box there are 3 lines of texts.</p>

<p>As you can see it does not look right, there is a large empty sliding area in box 1. </p>

<p>My question is how to keep it showing one row by default and when the user hovers the sliding part will be as high as the title length?</p>

<p>Thank you. </p>
