jquery滑动切换css顶部位置

我已经知道了如何使用jquery移动css顶部位置，但是我希望#菜单id根据切换更改顶部位置。所以基本上我希望#菜单在点击锚点时下降50 px，在再次点击锚点时向上滑动50 px，但目前它只向下移动并保持向下，不确定如何实现这一点。我很接近，我知道

jQuery(document).ready(function($) {
  $('#menu a').click(function() {
  $('#menu').css("top","50px");
  $('#navResponsive').slideToggle('fast', function() {
  });
});

});

尝试使用

.toggle（）

而不是

。单击链接上的（）

$('#menu a').toggle(function(event){
   event.preventDefault();
   $('#menu').animate({top: '50px'}, 'slow');
},function(event){  
    event.preventDefault();    
    $('#menu').animate({top: '0px'}, 'slow');
});

这样做的目的是在第一次单击时将菜单向下移动50像素，然后在第二次单击时将其恢复。下面是一个例子来说明这一点