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

[importance 3]

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

[iframe height=210 src="solution"]

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

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

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

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

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

[edit src="task" task/]