jquery slideToggle css position supérieure

Question

J'ai trouvé comment déplacer ma position supérieure css avec jquery, mais je voudrais que l'identifiant #menu change de position en fonction de la bascule. Donc, je veux que le menu #menu chute de 50 px lorsque l'on clique sur l'ancre et que l'on remonte de 50px quand l'ancre est de nouveau cliquée, mais actuellement il ne descend et ne descend pas, ne sachant pas comment accomplir cela. Je suis proche, je le sais.

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

}); 

Answer 1

Essayez d'utiliser .toggle() au lieu du .click() sur le lien.

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

Ce que cela va faire est de déplacer le menu déroulant 50px le premier clic, puis le ramener au deuxième clic. Voici un fiddle qui montre cela.