$(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 ); }); }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>