$(document).ready(function(){
$('ul.menu-level1 li a').hover(function() {
	
		// Stuff that happens when you hover on
	$('.hover', this).animate({
			'opacity': 1
			}, 300)
	
	},function() {
	
		// Stuff that happens when you unhover
	$('.hover', this).animate({
			'opacity': 0
			}, 5000)
	
    })
  
$('ul.menu-level1 li').hover(  
          
        //Mouseover, fadeIn the hidden hover class    
        function() {  
              
            $(this).children('div').fadeIn(1000);   
          
        },   
      
        //Mouseout, fadeOut the hover class  
        function() {  
          
            $(this).children('div').fadeOut(1000);      
          
    }).click (function () {  
      
        //Add selected class if user clicked on it  
        $(this).addClass('selected');  
          
    });  
    
});