"
Team:NYMU-Taipei/menu.js
From 2014.igem.org
(Difference between revisions)
m |
m |
||
| Line 2: | Line 2: | ||
$('#menu > ul > li') | $('#menu > ul > li') | ||
.on('mouseover', function(){ | .on('mouseover', function(){ | ||
| - | + | clearTimeout($.data(this,'timer')); | |
| - | $('#menu > ul > li > ul',this).stop(true,true).slideDown(200); | + | $('#menu > ul > li > ul',this).stop(true,true).slideDown(200); |
| - | $('#menu > ul > li > ul',this).css({display:inline-block;}) | + | $('#menu > ul > li > ul',this).css({display:inline-block;}); |
}) | }) | ||
.on('mouseout', function(){ | .on('mouseout', function(){ | ||
| - | + | $.data(this,'timer', setTimeout($.proxy(function() { | |
$('#menu > ul > li > ul',this).stop(true,true).slideUp(200); | $('#menu > ul > li > ul',this).stop(true,true).slideUp(200); | ||
| - | }, this), 100)); | + | }, this), 100)); |
| - | $('#menu > ul > li > ul',this).css({display:none;}) | + | $('#menu > ul > li > ul',this).css({display:none;}); |
}); | }); | ||
}); | }); | ||
Revision as of 14:55, 2 June 2014
$( document ).ready(function() {
$('#menu > ul > li')
.on('mouseover', function(){
clearTimeout($.data(this,'timer'));
$('#menu > ul > li > ul',this).stop(true,true).slideDown(200);
$('#menu > ul > li > ul',this).css({display:inline-block;});
})
.on('mouseout', function(){
$.data(this,'timer', setTimeout($.proxy(function() {
$('#menu > ul > li > ul',this).stop(true,true).slideUp(200);
}, this), 100));
$('#menu > ul > li > ul',this).css({display:none;});
});
});
