// Executes the function when DOM will be loaded fully
$(document).ready(function() {
// hover property will help us set the events for mouse enter and mouse leave
$('.navigation li').hover(
// When mouse enters the .navigation element
function() {
//Fade in the navigation submenu
$('dl', this).fadeIn(); // fadeIn will show the sub cat menu
},
// When mouse leaves the .navigation element
function() {
//Fade out the navigation submenu
$('dl', this).fadeOut(); // fadeOut will hide the sub cat menu
}
);
});