JQuery Slide＆amp;切换问题

Question

我有一个网站使用JQuery在点击按钮时显示隐藏的div。我正在使用切换方法并且一切正常，但是我想要更改它以便它只显示，但是当单击按钮时，div显示并向下滑动，但然后再次快速隐藏。

这是我的Toggle代码，它可以正常工作：

<script type="text/javascript" >
$(function() {
    $('#menuButton').toggle(function() {
        $('#menuArea').slideDown();
        }, function() {
        $('#menuArea').slideUp();
    });
    return false;
});
</script>

这是No Toggle再次隐藏：

<script type="text/javascript" >
$(function() {
    $('#menuButton').click(function() {
        $('#menuArea').slideDown("fast");
    });
    return false;
});
</script>

为什么会这样？