26 lines
No EOL
859 B
Markdown
26 lines
No EOL
859 B
Markdown
# Меню с анимированным раскрытием
|
||
|
||
[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/] |