jQuery的顯示內容/動畫

Question

我有一個小菜單，看起來像這樣：

---

          Item1 | Item2 | Item3 

---

菜單坐在一個div內，浮在div的權利。當我懸停「Item1」時，我想要一個「子菜單」滑出到「Item1」項目的左側。

---

     Item 1.1 : Item 1.2 - Item1 | Item2 | Item3 

---

這只是在 「項目1」 我想有該功能。我已經搜索和搜索。我發現幾個例子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(" . . . . . . ");