en.javascript.info/archive/widget-tasks/5-menu-animated/task.md

Меню с анимированным раскрытием

[importance 3]

Создайте раскрывающееся при наведении на заголовок меню:

[iframe height=210 src="solution"]

Меню должно плавно скрываться-раскрываться, когда курсор переводят в него, а затем обратно, затем опять в него...

При клике меню должно генерировать событие "select".

var menu = new SlidingMenu({
  elem: $('#sweeties'),
  duration: 1000 // длительность анимации
});

$(menu).on("select", function(e) {
  $("#selected").html(e.value);
});

В исходном документе находится DOM-структура и стили для меню.