library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Drilldown menu: First attempt at drilldown animations

Browse Source
This commit is contained in:
jzaefferer 2010-03-26 20:13:50 -04:00
parent e49af16c5a
commit 885fea1f3d
1 changed files with 27 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
tests/visual/menu/drilldown.html
View File

@ -51,11 +51,23 @@
_open: function(submenu) { _open: function(submenu) {
this.active = submenu.show().css({ this.active = submenu.show().css({
top: 0, top: 0,
left: 0 left: 0,
opacity: 0
}).position({
my: "left top",
at: "right top",
of: this.widget()
}).position({ }).position({
my: "left top", my: "left top",
at: "left top", at: "left top",
of: this.widget() of: this.widget(),
using: function(to) {
$(this).animate({
left: to.left,
top: to.top,
opacity: 1
});
}
}); });
this.back.show(); this.back.show();
}, },
@ -64,8 +76,20 @@
if (this.active.parent()[0] == this.element[0]) { if (this.active.parent()[0] == this.element[0]) {
return; return;
} }
this.active.hide(); this.active.position({
my: "left top",
at: "right top",
of: this.widget(),
using: function(to) {
$(this).animate({
left: to.left,
top: to.top,
opacity: 0
});
}
});
this.active = this.active.parent().parent().show(); this.active = this.active.parent().parent().show();
this.activeItem = this.active.data("menu").active;
if (!this.active.parent().parent().is(":ui-menu")) { if (!this.active.parent().parent().is(":ui-menu")) {
this.back.hide(); this.back.hide();
} }