Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More
Archived

This jQuery is not working with Firefox only

Chinmay Rajyaguru

I'm using it for megamenu. It's working fine on Google Chrome, Edge, Brave, and Opera.

It's not working on Firefox only.

I have also put this jQuery between <head> tag. Still, not working.

/*jshint esversion: 6 */ jQuery(document).ready(function($) {

   "use strict";
   // Mega menu (with tabs)
   $(window).load(function(){
       $('.megamenu-tabs').each(function(){
$( '.menu-item', this ).wrapAll( '
    '); $( '.tab-content', this ).wrapAll( '
      '); $( '.tabs-nav, .tabs-content-wrapper', this ).wrapAll( '
I'm using it for megamenu. It's working fine on Google Chrome, Edge, Brave, and Opera. It's not working on Firefox only. I have also put this jQuery between <head> tag. Still, not working. /*jshint esversion: 6 */ jQuery(document).ready(function($) { "use strict"; // Mega menu (with tabs) $(window).load(function(){ $('.megamenu-tabs').each(function(){ $( '.menu-item', this ).wrapAll( '<ul class="tabs-nav" />'); $( '.tab-content', this ).wrapAll( '<ul class="tabs-content-wrapper" />'); $( '.tabs-nav, .tabs-content-wrapper', this ).wrapAll( '<li class="submenu-content" />'); $('ul.sub-menu', this).show(); $('.tab-content:not(:first-child)', this).addClass('tab-hidden'); $('.tabs-nav li:first-child', this).addClass('nav-active'); $('.tabs-nav li', this).hover(function() { var tabId = $(this).attr('id'); $(this).closest('.tabs-nav').find('li').removeClass('nav-active'); $(this).addClass('nav-active'); $(this).closest('.submenu-content').find('li.tab-content').addClass('tab-hidden'); $(this).closest('.submenu-content').find('li.'+tabId).removeClass('tab-hidden'); }); var highestTab = $('.tabs-content-wrapper', this).outerHeight(); $('.tabs-nav', this).css( 'min-height', highestTab-40 ); }); }); });