DIVI: Einen Schließenbutton (minus) zum Akkordion hinzufügen

  1. Home
  2. Wissensdatenbank
  3. WordPress
  4. DIVI
  5. DIVI: Einen Schließenbutton (minus) zum Akkordion hinzufügen

Um in einem Akkordion in DIVI die Möglichkeit des Schließens zu Aktivieren braucht ihr folgenden Code:

  1. Java-Script, einzufügen unter 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. CSS Code einfügen unter Divi > Theme Options > General > Custom CSS

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

Das Ergebnis sollte so aussehen:

War dieser Artikel hilfreich?

Ähnliche Artikel

Noprob.it

Kostenfrei
Ansehen