slideToggle de droite à gauche

Je l’ai fait en regardant un tutoriel mais je ne vois aucune option pour le faire fonctionner de droite à gauche. Je ne veux pas que ce soit attaché au côté droit du corps.

Lien vers le violon

À partir de la documentation jQuery :

La méthode .slideToggle() anime la hauteur des éléments correspondants. Cela fait glisser les parties inférieures de la page vers le haut ou le bas, ce qui semble révéler ou masquer les éléments. Si l’élément est initialement affiché, il sera masqué. si caché, il sera montré.

Donc, il semblerait que le faire d’un côté à l’autre ne soit pas une option (avec cette méthode), si vous regardez un tutoriel, votre pari facile est d’append simplement l’interface utilisateur jQuery à votre projet et d’utiliser ses méthodes d’animation. Cela laissera aussi simple que:

 $(this).hide('slide',{direction:'left'},1000); //or show 

Cependant, vous voudrez peut-être apprendre à le faire sans l’interface utilisateur jQuery (yaiii) et ce n’est pas si difficile après tout. Vous devez décomposer ce que jQuery UI (je suppose) est en train de faire, quelque chose du genre:

 $(this).animate({ marginLeft: "100%"} , 1000); 

Sur les deux exemples, vous devez remplacer this par votre sélecteur pour l’élément que vous souhaitez animer, bien sûr, mais puisque vous apprenez, je pensais le préciser.

vous pourriez aussi considérer le plugin:

http://www.webinventif.fr/wslide-plugin/

La page est en français, mais le plugin est explicite.

J’espère que cela t’aides