หน้าต่างป๊อปอัป Bootstrap 4 Modal ไม่สามารถปิดได้

ฉันทำโครงการเกี่ยวกับเกมจับคู่ หลังจากที่ไพ่ทั้งหมดตรงกันและจบเกมแล้ว โมดอลแสดงความยินดีก็จะปรากฏขึ้น แต่ฉันไม่รู้ว่าทำไมมันถึงไม่ปิดหลังจากคลิกปุ่มเล่นอีกครั้ง

นี่คือindex.htmlสำหรับหน้าต่างโมดอล

<!--Add Bootstrap Modal Alert Window-->
<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal-label" aria-hidden="true">
    <div class="modal-dialog">
        <!--Modal Content-->
        <div class="modal-content">

            <!--Modal Header-->
            <div class="modal-header">
                <h4 class="modal-title" id="myModal-label">Congratulations!!!</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
            </div>

            <!--Modal Body-->
            <div class="modal-body">
                <p id="myText"></p>
            </div>

            <!--Modal Footer-->
            <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn btn-success btn-default" onclick="gameStart(), $rating.removeClass('fa-star-o').addClass('fa-star');">Play Again!</button>
            </div> <!--modal footer-->
          </div> <!--modal-content-->
    </div> <!--modal-dialog-->
</div> <!--modal-->  

และจาวาสคริปต์สำหรับ Modal:

function gameOver(moves, score) {
$('#myText').text(`Time: ${second} Seconds, Your Move: ${moves} Moves, Total 
Score: ${score}, Well done!!!`);
$('#myModal').toggle(); 
}

if (totalCard === match) {
        rating(moves);
        let score = rating(moves).score;
        setTimeout(function () {
            gameOver(moves, score);
        },800);
    }

นี่คือลิงค์สำหรับโปรเจ็กต์เกมจับคู่ของฉัน:

https://codepen.io/sofianayak55/pen/wEBvvJ