jQuery使用水平幻灯片/动画显示内容

我有一个小菜单，看起来像这样：

---

---

菜单位于div中，并在div中向右浮动。当我悬停“Item1”时，我希望“子菜单”滑到“Item1”项的左侧

---

---

它只在“Item1”上，我想有这个功能。我找了又找。我发现了一些示例，它们可能可以按照我想要的方式进行配置。但我显然缺乏这些技能。我的第一个问题是让它向左而不是向右滑动/设置动画，然后我也不想将它滑动到特定的大小，因为“子菜单”将包含不同宽度的内容

感谢所有提示/帮助

谢谢

-

---

-

我想你们的菜单在列表中

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

                      Item 1.1 : Item 1.2 - Item1  |  Item2  |  Item3

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

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