44 lines
1.2 KiB
JavaScript
44 lines
1.2 KiB
JavaScript
// desktop version sliding menus
|
|
|
|
//enable menu animation if the screen is set to desktop
|
|
function enableMenus() {
|
|
//create shortcut for nav element
|
|
var menu = $('#siteNav');
|
|
//check to see if we are on desktop .vs tablet or mobile
|
|
if ($(document).width() > 768) {
|
|
//strip out no-js class if jQuery is running the animation
|
|
if($('body').hasClass('no-js')){
|
|
$('body').removeClass('no-js');
|
|
};
|
|
//attach a listener to each li that has a child ul, and then slide submenus down or up depending upon mouse position
|
|
menu.find('li').each(function() {
|
|
if ($(this).find('ul').length > 0 ) {
|
|
// strip any existing events
|
|
$(this).unbind();
|
|
$(this).mouseenter(function() {
|
|
$(this).find('ul').stop(true,true).slideDown('fast');
|
|
});
|
|
$(this).mouseleave(function() {
|
|
$(this).find('ul').stop(true,true).slideUp('slow');
|
|
});
|
|
};
|
|
});
|
|
} else {
|
|
menu.find('li').each(function() {
|
|
if ($(this).find('ul').length > 0 ) {
|
|
// strip any existing events
|
|
$(this).unbind();
|
|
};
|
|
});
|
|
if($('body').hasClass('no-js')==
|
|
false){
|
|
$('body').addClass('no-js');
|
|
};
|
|
};
|
|
};
|
|
$(document).ready(function(){
|
|
enableMenus();
|
|
});
|
|
$(window).resize(function() {
|
|
enableMenus();
|
|
}); |