jquery - jquery slideToggle css顶部位置

Question

我已经想出了如何使用 jquery 移动我的 css 顶部位置，但是我希望 #menu id 根据切换来更改顶部位置。所以基本上我希望#menu 在单击锚点时下降 50 px，并在再次单击锚点时向上滑动 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');
});

这将在第一次单击时将菜单向下移动 50 像素，然后在第二次单击时将其恢复。这是一个显示这 一点的小提琴。