jQuery показать содержимое с помощью горизонтального слайда / анимации

Question

У меня есть небольшое меню, которое выглядит следующим образом:

---

                                            Item1  |  Item2  |  Item3

---

Меню находится внутри div и всплывает вправо в div.При наведении курсора на «Item1» я бы хотел, чтобы «подменю» выдвигалось слева от элемента «Item1».

---

                      Item 1.1 : Item 1.2 - Item1  |  Item2  |  Item3

---

Это только на «Item1» IЯ хотел бы иметь эту функцию.Я искал и искал.Я нашел несколько примеров 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(" . . . . . . ");