Jquery 图片标题幻灯片从顶部悬停

我有一个标题，在鼠标悬停时逐渐消失，然后在鼠标离开时向下滑动。我该如何改变这一点，使标题在mouseenter上从图像顶部向下滑动，然后在mouseleave上再次向上滑动

<a href="link.html">
    <div class='wrapper'>
        <img alt="" width="184" height="69" src="image.png" />
        <div class="description">
            <div class="description_content">Title<br /><small>Description text</small></div>
        </div>
    </div>
</a>

试试这个：

$('div.wrapper').mouseenter(function(){    
    $(this).children('.description').stop().slideDown(700);  
}).mouseleave(function(){  
    $(this).children('.description').stop().slideUp(700);  
});

---

这一切都不会发生。什么也没有出现。

$('div.wrapper').mouseenter(function(){    
    $(this).children('.description').stop().slideDown(700);  
}).mouseleave(function(){  
    $(this).children('.description').stop().slideUp(700);  
});