Jquery Hover Title, fold out div
<p>I have a bunch of articles with titles and excerpts, I want to have the excerpt fold out when hovering the title. here is my code:</p>

<pre><code>&lt;div class="search-post" id="post-290"&gt;

    &lt;div class="posty-content"&gt;
    &lt;h2 class="title trigger"&gt;&lt;a href="http://qa.cidev.info/case-study/future-shop-case-study/" rel="bookmark" title="Permanent Link to Future Shop Case Study"&gt;Future Shop Case Study&lt;/a&gt;&lt;/h2&gt;

    &lt;div class="entry boxed"&gt;
        &lt;p&gt;Overview Cum sociis natoque penatibus et magnis dis nascetur ridiculus mus lorem ipsum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis nascetur ridiculus mus lorem ipsum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras&amp;#8230;&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="info"&gt;
    &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="float-divider"&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class="search-post" id="post-288"&gt;

    &lt;div class="posty-content"&gt;
    &lt;h2 class="title trigger"&gt;&lt;a href="http://qa.cidev.info/case-study/tiger-direct-case-study/" rel="bookmark" title="Permanent Link to Tiger Direct Case Study"&gt;Tiger Direct Case Study&lt;/a&gt;&lt;/h2&gt;

    &lt;div class="entry boxed"&gt;
        &lt;p&gt;Overview Cum sociis natoque penatibus et magnis dis nascetur ridiculus mus lorem ipsum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis nascetur ridiculus mus lorem ipsum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras&amp;#8230;&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="info"&gt;
    &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="float-divider"&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class="search-post" id="post-286"&gt;

    &lt;div class="posty-content"&gt;
    &lt;h2 class="title trigger"&gt;&lt;a href="http://qa.cidev.info/case-study/kfc-case-study/" rel="bookmark" title="Permanent Link to KFC Case Study"&gt;KFC Case Study&lt;/a&gt;&lt;/h2&gt;

    &lt;div class="entry boxed"&gt;
        &lt;p&gt;Overview Cum sociis natoque penatibus et magnis dis nascetur ridiculus mus lorem ipsum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras mattis consectetur purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis nascetur ridiculus mus lorem ipsum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras&amp;#8230;&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="info"&gt;
    &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="float-divider"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>and my current jquery</p>

<pre><code>$('.trigger').hover(function() {
   $('.boxed').show("slow");
});
</code></pre>

<p>The problem is when I hover over a trigger, all boxed items are showing, I just want the current post content box to open, any ideas??</p>
