jquery animate - 如何在第二次点击时滑入和滑出？

Question

如何使用jquery animate单击并滑动单击滑出？在我的代码（下面）中，我滑出一个div，但不能让它根据点击向后滑动。我怎么能这样做？谢谢！

HTML：

<nav>
    <ul id="menu">
        <span id="toggle" class="glyphicon glyphicon-align-justify"></span>
        <li><span class="glyphicon glyphicon-home"></span><a>Home</a></li>
        <li><span class="glyphicon glyphicon-user"></span><a>About</a></li>
        <li><span class="glyphicon glyphicon-blackboard"></span><a>Portfolio</a></li>
        <li><span class="glyphicon glyphicon-envelope"></span><a>Contact</a></li>
    </ul>
</nav>

JS：

$('#toggle').click(function() {
    if ('#menu'){
        $('#menu').animate({
            //  height: 'toggle'
        }, 1500, function() {
        });
    }
 });

Answer 1

jQuery库中有一个名为is的函数。 您可以使用它来检查输入是隐藏还是显示：

if ($('#x').is(':visible')) {
    $('#x').slideUp('fast');
} else {
    $('#x').slideDown('fast');
}

Answer 2

我认为你可以简单地使用slideToggle()。

$('#toggle').click(function() {
  $('#menu').slideToggle();
});