Animate Zurb Foundation顶栏下拉列表

Question

我正在尝试使用Zurb基础向下滑动顶栏菜单下拉元素。

到目前为止，我有：

$('.top-bar .has-dropdown').hover(function() {
    $(this).find('.dropdown').first().stop(true, true).slideDown();
}, function() {
    $(this).find('.dropdown').first().stop(true, true).slideUp()
});

但它并没有让整个事情滑落，只是显示菜单然后将其向下移动一点！