init

02-ui/05-widgets/06-widget-tasks/05-menu-animated/task.md

@@ -0,0 +1,26 @@
+# Меню с анимированным раскрытием
+
+[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/]