jquery animate - 2回目のクリックでスライドする方法

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