https://www.elegantthemes.com/documentation/divi/mega-menus/
Divi Mega Menu Collapsable :
(function($) {
function setup_collapsible_submenus() {
var $menu = $('#mobile_menu'),
top_level_link = '#mobile_menu .menu-item-has-children > a';
$menu.find('a').each(function() {
if ( ! $(this).siblings('.sub-menu').length ) {
$(this).on('click', function(event) {
$(this).parents('.mobile_nav').trigger('click');
});
} else {
$(this).siblings('.mobile-toggle-icon').on('click', function(event) {
event.preventDefault();
$(this).parent().toggleClass('visible');
$(this).find('i').toggleClass('fa-angle-down fa-angle-up')
});
}
});
}
$(window).load(function() {
$('#main-header .et_mobile_menu .menu-item-has-children > a').after('<span class="mobile-toggle-icon"><i class="fa fa-angle-down" aria-hidden="true"></i></span>');
setTimeout(function() {
setup_collapsible_submenus();
}, 700);
});
})(jQuery);
/* Mega Menu Divi */
#main-header .et_mobile_menu .menu-item-has-children > a {
background-color: transparent; position: relative;
}
#main-header .et_mobile_menu ul.sub-menu {
display: none !important;
visibility: hidden !important;
transition: all 1.5s ease-in-out;
}
#main-header .et_mobile_menu .visible > ul.sub-menu {
display: block !important;
visibility: visible !important;
}
/* Test */
.mobile-toggle-icon {
font-size: 16px;
top: 0;
right: 10px;
padding-right: 10px;
padding-top: 10px;
text-align: right;
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
position: absolute;
width: 120px;
height: 40px;
}
#et_mobile_nav_menu ul li {
position: relative;
}