Как при нажатии на кнопку открыть и закрыть меню

<nav class="wrap-myMenu">
    <button class="main-myButton">☰</button>
    <ul class="content">
        <li><a href="#link97">Главная</a></li>
        <li><a href="#link98">Обо мне</a></li>
        <li><a href="#link99">Портфолио</a></li>
    </ul>
</nav>

.content {
    display: none;
}

$(() => {
    $(".main-myButton").click(() => {
        $(".content").slideToggle();
    });
});

$(() => {
    $(".main-myButton").click(() => {
        $(".content").slideToggle();
        $("body").toggleClass("overlay");
    });
});

body.overlay::before {
    content: "";
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    position: absolute;
    z-index: -1;
}

jQuery(($) => {

    // menu
    const menu = $(".content");
    const menuBtn = $(".main-myButton");

    $(document).mouseup(function (e) {
        console.log(e.target)
        if (e.target.className === "main-myButton") {
            menuBtn.addClass("is-active");
            menu.stop().slideDown();
        } else if (e.target.className === "main-myButton is-active") {
            menuBtn.removeClass("is-active");
            menu.stop().slideUp();
        } else if ((menu.has(e.target).length === 0) && (menuBtn.has(e.target).length === 0)) {
            // if ($(window).width() < 768) {
            menuBtn.removeClass("is-active");
            menu.stop().slideUp();
            // }
        }
    });

});