jquery Easy Slide toggle

by ravimallya

HTML

<div class="target" style="background:yellow; width:300px;">
    Click me!
</div>
<div class="slider" style="background:#ccc; width:600px;height:300px;display:none;">
    <a target="_blank" href="http://www.google.com">Gooogle...</a>
</div>

JavaScript

$(".target").mouseover(function(e) {
    e.preventDefault();
    e.stopPropagation();
    $(".slider").slideDown();
    $(".slider").mouseleave(function(e) {
        $(".slider").slideUp();
    });
});