I have a dropdown menu that fades in when hovering over the tab. Although in the responsive menu nav (which is the same one as the desktop nav). I want the drop down menu to always display as long as its the mobile version. And it displays with css media query, but because of the fadeToggle in jquery, when i hover over the mobile dropdown tabs, the toggle fade event is triggered. I don’t want the event to be triggered when hovering over the mobile tab. So i want to disable the fade fadeIn and fadeOut events on mouse hover only when the width is bellow 960. and then re-enable when its above. I don’t know if that code you provided will work but ill give it a try.