Dropdown-Nav remove the "Hover" and appear complete listing of menus

Question

Good staff,

I’m having another difficulty that I can’t solve, my dropdown menu works with Hover, but when you get the toogle I’d like the x submenus to appear with the Hover to be like a listing, but I’m not getting it

Follow the image of how it’s turning out,

I tried to remove the display: None in media querys but when doing this the menu is overwritten

Some help?

Thank you!

Image with Hover popping up on menu

Representative image of how I’d like it to look

Answer 1

Hide all and open only what is being clicked.

$('#menu > li').hide();
$(this).addClass('show');