jQuery montrer le contenu en utilisant glissière horizontale/animer

Question

J'ai un petit menu qui ressemble à ceci:

---

          Item1 | Item2 | Item3 

---

Le menu se trouve dans un div et flotte à droite dans la div. Lorsque je passe la souris sur "Item1", je voudrais faire glisser un "sous-menu" vers la gauche de l'item "Item1".

---

     Item 1.1 : Item 1.2 - Item1 | Item2 | Item3 

---

Il est seulement sur "Item1" Je voudrais avoir cette fonction. J'ai cherché et cherché. J'ai trouvé quelques exemples 1 qui pourraient probablement être configurés pour fonctionner comme je le veux. Mais je manque évidemment de ces compétences. Mon premier problème est de faire glisser/animer vers la gauche plutôt que vers la droite, et je ne veux pas non plus le faire glisser à une taille spécifique car le "sous-menu" contiendra du contenu de différentes largeurs.

Tous les conseils/aide sont appréciés!

Merci!

1 - http://www.ilovecolors.com.ar/jquery-sliding-menu/

2 - http://sandbox.ronggur.com/2009/01/25/jquery-tutorial-horizontal-animated-menu/

Answer 1

Je suppose que votre menu est dans la liste

$('li:last').hover(function(){$('li').append(<li></li>); 
$('li:last').addClass('submenu'); 
$('.submenu').show(); 
},function(){ 
$('.submenu').hide(); 
$('.submenu').removeClass('submenu'); 
}); 

maintenant avec .html(); mettez votre contenu dans le menu contextuel

$('.submenu').html(" . . . . . . ");