Demo : http://s3.css.co.in/demo/mega-menu.html
Code : https://gist.github.com/anjanesh/876b781b69fff9598fd73ffeda4b9318
Sorry for no explanation here.
#top-menu-1 > div > a + div:hover
has to be displayed as block too.
For people who know CSS, I think most people just want to copy-paste code and edit for customization. And people who don’t know CSS will just edit the content.