jquery slideToggle css顶部位置

Question

我已经想出了如何使用jquery移动我的css顶部位置，但是我希望#menu id根据切换改变顶部位置。所以基本上我希望#menu在锚点被点击时下降50px，并且在再次点击锚点时向上滑动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像素的第一次点击移动的菜单，然后将其带回了在第二次点击。这是显示这个的fiddle。