How to make dropdown menu by HOVER?

Question

css

Hello forumites.
Can't get the menu right.

The menu is located in the footer.
It is necessary that on hovering the mouse it opens, and when you remove it, it hides.
Now it works, but not quite right (when you move the cursor to the left of the menu button, the menu disappears and immediately pops up again). Below is the code I used.

$('#icon_footer').hover(function(){
        $('#list_menu').show(350);
        return false;
    });
     
    $('#list_menu').mouseleave(function(){
      $('#list_menu').hide(200);
        return false;
    });

Answer 1

It's as easy as shelling pears to do with CSS
only