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

Question

我有一个小菜单，如下所示：

---

                                            Item1  |  Item2  |  Item3

---

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

---

                      Item 1.1 : Item 1.2 - Item1  |  Item2  |  Item3

---

仅在“Item1”上我想拥有该功能。我搜索并搜索过。我找到了一些可能配置为按照我想要的方式工作的1示例。但我显然缺乏这些技能。我的第一个问题是让它向左滑动/动画而不是向右滑动，然后我也不想将其滑动到特定大小，因为“子菜单”将包含各种宽度的内容。

所有提示/帮助表示赞赏！

谢谢！

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

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

Answer 1

我猜你的菜单在列表中

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

现在使用.html（）;将您的内容放在弹出菜单中

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