Partially expanding a div to preview contents
<p>When I hover over a div, I want another div (which starts as <code>display:none</code>) to partially expand downward, revealing only the top of its contents. How can I partially expand a hidden div with jQuery? Preferably so that the div fades out towards the bottom. There don't seem to be parameters for the <code>toggle()</code> command or <code>fadeIn()</code> that allow partial expansion.</p>

<h1>Edit</h1>

<p>Unfortunately, the requirements don't allow a separate 'teaser' div to be used. The hidden div containing all the text has to be partially expanded.</p>
