扭转这个Javascript

Question

我有一个汉堡菜单，可以激活滑动菜单，并将SVG动画到＆＃34;关闭＆＃34;按钮。这个javascript在点击时会添加.active类。如果我点击其他地方而不是＆＃34;关闭＆＃34;图标，它没有自我动画。如果我点击其他地方，如何反转可以工作的功能？

 <script type="text/javascript">
    document.querySelector(".svg-menu-toggle").addEventListener("click", function () {
        this.classList.toggle("active");
    });
</script>