Je l'ai fait en regardant un tutoriel mais je ne vois aucune option là pour le faire fonctionner du côté droit vers la gauche. Je ne voulais pas qu'il soit attaché au côté droit du corps.slideToggle de droite à gauche
De l'jQuery docs:
Le procédé
.slideToggle()anime la hauteur des éléments correspondants. Cela fait glisser les parties inférieures de la page vers le haut ou vers le bas, apparaissant pour révéler ou masquer les éléments. Si l'élément est initialement affiché, sera caché; si caché, il sera montré.
Il semblerait que faire d'un côté à l'autre, est pas une option (avec cette méthode), si vous cherchez à un tutoriel, votre pari easies est d'ajouter simplement jQuery UI à votre projeter et utiliser ses méthodes d'animations. Cela laissera aussi facile que:
$(this).hide('slide',{direction:'left'},1000); //or show
Cependant, vous voudrez peut-être apprendre à le faire sans jQuery UI (yaiii) et il est pas si difficile après tout. Vous devez briser ce que jQuery UI (je suppose) fait, quelque chose sur les lignes de:
$(this).animate({ marginLeft: "100%"} , 1000);
Sur les deux exemples, vous devez remplacer this avec votre sélecteur pour l'élément que vous souhaitez animer bien sûr, mais puisque vous apprenez, j'ai pensé que je le ferais remarquer.
vous pouvez également utiliser le plugin:
http://www.webinventif.fr/wslide-plugin/
La page est en français, mais le plug-in est auto-expliquer.
Espérons que cela aide
Fait un violon hors de votre pastebin, ne peut pas interagir avec un pastebin. Mise à jour de votre question. –