jquery SlideToggle CSS顶部位置

Question

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

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这表明了这一点。