javascript - Zurb Foundation のトップバー ドロップダウンをアニメーション化する

Question

Zurb Foundation を使用して、トップバー メニューのドロップダウン要素を下にスライドさせようとしています。

これまでのところ、私は持っています:

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

ただし、すべてを下にスライドさせるわけではありません。メニューを表示してから少し下に移動するだけです。