JQueryでハンバーガーメニューを開いき、他の要素をクリックすると閉じる。

参考

<i class="fa-solid fa-bars"></i>

$(document).on('click',function(e) {
    if(!$(e.target).closest('.fa-bars,.menu').length) {
        // ターゲット要素の外側をクリックした時の操作
        $("body").removeClass('open');
    } else {
        // ターゲット要素をクリックした時の操作
        $("body").addClass('open');
    }
    });

アイコンをクリックしたときにbody要素にクラスopenが付き、ナビゲーションメニューを表示。

$("body").addClass('open');

もしアイコン以外の要素をクリックしたときはbody要素のクラスopenがなくなり、ナビゲーションメニューを閉じる。

    if(!$(e.target).closest('.fa-bars,.menu').length) {
        // ターゲット要素の外側をクリックした時の操作
        $("body").removeClass('open');