Jquery Internet Explorer / Edge toggleClass问题

Question

所以我制作了这个水平菜单，单击时从下面有一个div幻灯片。一切正常，但是当点击任何带有子菜单的项目时，Internet Explorer和Edge会折叠所有子菜单。我已经看到toggle（）/ toggleClass（）可能存在一些兼容性问题，但还没有找到可行的解决方案。有什么想法吗？

JS：

 $(document).ready(function (){
        $('.info-menu').click(function(){
            // Append proper class to generic submenu name.
            var menuNumber = this.classList[1];
            var menuToggle = '.top-sub-nav-fixed.' + menuNumber;
            // If other sub menu item is active, toggle active
            $('.top-sub-nav-fixed').each(function (){
               if (typeof this.classList[2] != 'undefined' && this.classList[1] != menuNumber ) {
                   $(this).toggleClass('active');
               }
            });
            // Toggle appropriate menu item
            $(menuToggle).toggleClass('active');
        });
    });

在这里小提琴：JSFIddle