jquery slideToggle css顶部位置

Question

我已经想出如何使用jquery移动我的css顶部位置但是我希望#menu id根据切换来改变顶部位置。所以基本上我希望单击锚点时#menu下降50像素，再次单击锚点时向下滑动50px，但目前它只向下移动并保持向下，不知道如何完成此操作。我很接近，我知道。

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

});

Answer 1

尝试使用.toggle()代替链接上的.click()。

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

这样做是在首次点击时将菜单向下移动50px，然后在第二次点击时将其重新启动。这是显示此内容的fiddle。