var menu1 = $('#menu-item1')
var menu2 = $('#menu-item2')
var megaContent1 = $('#mega-content1')
var megaContent2 = $('#mega-content2')
menu1.mouseenter(function(){
megaContent1.css('display','flex')
})
menu1.mouseleave(function(){
megaContent1.css('display','none')
})
menu2.mouseenter(function(){
megaContent2.css('display','flex')
})
menu2.mouseleave(function(){
megaContent2.css('display','none')
})