Discussion :

[Lavaze]

Bonjour à tous,

je commence tout juste avec jquery et je rencontre un petit problème.

J'ai un div #menu de width 300px et height 100% en fixed.

En gros via un bouton je veux pouvoir l'afficher ou le cacher donc j'ai mis un simple .toggle()

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
$(document).ready(function(){
	$(".showhide").click(function(){
		$("#menu").toggle("fast");
		$(this).toggleClass("active");
		return false;
	});

Ça fonctionne super, cependant j'aimerais que quand mon div disparaît, mon #content se décale de 300px sur la gauche.

Je n'ai trouvé que .animate() qui fait un slide horizontal propre avec left -=300px

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#content").animate({"left": "-=300px"}, "slow")

Le soucis c'est qu'il ne suit pas le .toggle sur le second click il m'enlève à nouveau 300px sur la gauche...existe t-il la même fonction avec un .animate ou un équivalent qui peut modifier une propriété css ?

Merci d'avance

[NoSmoking]

Bonsoir,
peut être en lisant attentivement la documentation, http://api.jquery.com/animate/, et en utilisant la fonction sur le complete.