DIVI: Add a close button (minus) to the accordion

To activate the possibility of closing in an accordion in DIVI you need the following code:

1. Java-Script, to be inserted under DiviDivi is a WordPress theme and has great features. With this theme you hardly need any additional plugins in WordPress! Official website of Divi > Theme Options > Integration

<script>
jQuery(function($){
  $('.et_pb_toggle_title').click(function(){
    var $toggle = $(this).closest('.et_pb_toggle');
    if (!$toggle.hasClass('et_pb_accordion_toggling')) {
      var $accordion = $toggle.closest('.et_pb_accordion');
      if ($toggle.hasClass('et_pb_toggle_open')) {
        $accordion.addClass('et_pb_accordion_toggling');
        $toggle.find('.et_pb_toggle_content').slideToggle(700, function() { 
          $toggle.removeClass('et_pb_toggle_open').addClass('et_pb_toggle_close'); 
					
        });
      }
      setTimeout(function(){ 
        $accordion.removeClass('et_pb_accordion_toggling'); 
      }, 750);
    }
  });
});
</script>

2. insert CSSCSS ( Cascading style sheets ) means “multi-level format templates” in German. CSS is a formatting language for HTML, SVG and XML documents. CSS is used to separate the content of a website from the design! There is more information here . code under DiviDivi is a WordPress theme and has great features. With this theme you hardly need any additional plugins in WordPress! Official website of Divi > Theme Options > General > Custom CSS

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

The result should look like this:

Dieser Beitrag ist auch verfügbar auf: Deutsch (German)