jquery(document).ready(function($) { $('nav ul li').on('mouseover', function() { $('nav ul li dl').hide(); $('.subnavs').show(); $(this).children('dl').show(); }); $('nav ul li').on('mouseout', function () { $('.subnavs').hide(); $('nav ul li dl').hide(); }) });