Problem in slideDown() and slideUp() effect in jQuery
<p>I want a slidedown and slideup effect on a particular div when you hove  on corresponding <code>&lt;li&gt;</code> tag. You can check it live at this link <a href="http://mashup2.sunnydsouza.com/index3.php" rel="nofollow">http://mashup2.sunnydsouza.com/index3.php</a></p>

<p>Am using the following jQuery to solve it</p>

<pre><code>$(".altbgcolor").mouseenter(function() {
                $(this).css("background-   color","#D3EAC7").find(".newsthumb").corner();
                $(".newstext h1",this).css("color","#000");
                $(".newstext div",this).css("color","#000"); 
                $(".sharedp").slideDown(slow);

            }).mouseleave(function () {
                $(this).css("background-color","#f5f5f5").find(".newsthumb").corner();
                $(".altbgcolor:even").css("background-color","#f0f0f0");
                $(".newstext h1",this).css("color","#666666");
                $(".newstext div",this).css("color","#666666"); 
                $(".sharedp").slideUp(slow);
            });
</code></pre>

<p>Am I doing something wrong. Can someone just check the site html and see where am going wrong. I am in this big dilemna here :(</p>
