javascript - 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()
});

但它并没有将整个东西向下滑动，它只是显示菜单然后向下移动一点！