Skip to content

Instantly share code, notes, and snippets.

@c4urself
Created May 10, 2011 13:46
Show Gist options
  • Save c4urself/964501 to your computer and use it in GitHub Desktop.
Save c4urself/964501 to your computer and use it in GitHub Desktop.
Simple jQuery Menu Show/hide
handleShowMenu = function(sMainLiClass, sSubUlClass) {
$(sMainLiClass).mouseover(function() {
if(current !== undefined && this !== current) {
$(sSubUlClass, current).fadeOut();
}
current = this;
var oSubmenu = $(sSubUlClass, this);
clearTimeout(timer);
oSubmenu.fadeIn();
});
};
handleHideMenu = function(sMainLiClass, sSubUlClass) {
$(sMainLiClass).mouseout(function() {
var oSubmenu = $(sSubUlClass, this);
timer = setTimeout(function(){
oSubmenu.fadeOut();
}, 300);
});
};
$(document).ready(function() {
handleShowMenu('.menuitem-submenu','.submenu');
handleHideMenu('.menuitem-submenu','.submenu');
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment