Divi Twist Archives - Sohel Rana

How To Make Accordion Module Tabs Closable

by Author Author | Feb 20, 2020 | Divi Twist

Accordion 1

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Accordion 2

Add the following code to make Accordion close at startup.

$(‘.et_pb_accordion .et_pb_toggle’).click(function() {
$this = $(this);
setTimeout(function(){
$this.closest(‘.et_pb_accordion’).removeClass(‘et_pb_accordion_toggling’);
},700);
});
});
</script>

Add the following code to make an open Accordion to close

});
}
setTimeout(function(){
$accordion.removeClass(‘et_pb_accordion_toggling’);
}, 750);
}
});
});
</script>

Finally add the following CSS to add (Minus) icon after the Accordion title of an open Accordion

.et_pb_toggle_open .et_pb_toggle_title:before {
display: block !important;
content: “\e04f”;
}

Divi Icon Codes

by Author Author | Aug 19, 2018 | Divi Twist

How to Collapse/Show the Divi Mobile Menu

by Author Author | Jan 10, 2018 | Divi Twist

Copy all codes and paste them here – Divi Theme Options > Integrations > Add code to the body.

function setup_collapsible_submenus() {
var $menu = $(‘#mobile_menu’),
top_level_link = ‘#mobile_menu .menu-item-has-children > a’;

$menu.find(‘a’).each(function() {
$(this).off(‘click’);

if ( $(this).is(top_level_link) ) {
$(this).attr(‘href’, ‘#’);
}

if ( ! $(this).siblings(‘.sub-menu’).length ) {
$(this).on(‘click’, function(event) {
$(this).parents(‘.mobile_nav’).trigger(‘click’);
});
} else {
$(this).on(‘click’, function(event) {
event.preventDefault();
$(this).parent().toggleClass(‘visible’);
});
}
});
}

$(window).load(function() {
setTimeout(function() {
setup_collapsible_submenus();
}, 700);
});

})(jQuery);
</script>