jQuery - if div height over 'x', show only content within the visible div, add an image and scroll up to show full div
<p>Apologies, I'm very new to jQuery. 
I am trying to apply jQuery to a div which could contain any number of p tags of varying length or none at all.  Depending on the assembled p's this div needs to maintain a height of 45px. If the p's contained therein push the div to be higher than 45px then I need to add an anchor image which users can click allowing the div to slide up and reveal the div's contents.  I've browsed the plugins but can't find anything to cater for this.</p>

<pre><code>&lt;div class="SummaryExtras"&gt;
&lt;h3&gt;&lt;span&gt;h3 Title&lt;/span&gt;&lt;/h3&gt;
&lt;div&gt;
  &lt;p class="Extra"&gt;text&lt;/p&gt;
  &lt;p class="Extra"&gt;text&lt;/p&gt;
  &lt;p class="Extra"&gt;text&lt;/p&gt;
  &lt;p class="Extra"&gt;text&lt;/p&gt;
  &lt;p class="Extra"&gt;text&lt;/p&gt;
 &lt;/div&gt;
 &lt;div class="SummaryExtrasBottom"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>
