How to close a button normally?

Question

JavaScript

$(document).ready(function() {
    $(".open-nav").click(function() {
    $('.nav').toggle(function(){
    $('.nav').css({'visibility': 'visible', 'display': 'table'});
 });
});
});

There is a code in jquery and it opens and closes the menu. But when closed, it doesn't close. I understand why this is happening. .css( ) always fires. But I don't understand how to fix it.

Ps: When opening, I need to ensure that these 2 properties work.

Answer 1

Add an additional class where you insert rules like .visible{'visibility': 'visible', 'display': 'table'}
and already with toggleClass('visible') htibncz