单击SVG汉堡菜单图标并使其处于：活动状态

我有一个SVG汉堡包菜单图标，单击时会显示动画。目标是在激活侧推菜单时将其转换为“关闭”按钮。我需要一些帮助来实现这一点：

HTML:

用于菜单切换的Javascript：

     jQuery(document).ready(function ($) {
        $('.toggle-menu').jPushMenu();
    });

---

不使用：active伪元素，而是更容易将类添加到组中（

.svg菜单切换

）。 不幸的是，无法从jQuery中使用

toggleClass

// CSS 
.svg-menu-toggle:active become .svg-menu-toggle.active

// JS
$('.toggle-menu').on('click', function(e) {
     var $toggle = $(this).find('.svg-menu-toggle');
     // toggleClass with addClass & removeClass
});

     jQuery(document).ready(function ($) {
        $('.toggle-menu').jPushMenu();
    });

// CSS 
.svg-menu-toggle:active become .svg-menu-toggle.active

// JS
$('.toggle-menu').on('click', function(e) {
     var $toggle = $(this).find('.svg-menu-toggle');
     // toggleClass with addClass & removeClass
});