// starting the script on page load
$(document).ready(function(){

  $('.mainItem').mouseover(function(){    
    $('#active #subnavlist').css("display","none");
  });
  
  $('.mainItem').mouseout(function(){
    $('#active #subnavlist').css("display","block");  
  });
 
  
});