Divi Umschalter Modul mit Button öffnen

von | 05.06.2022 | Akkordeon, Divi Module, Divi Tutorials, Umschalter

In diesem Video beantworte ich eine Nutzerfrage.

Kann ich mit einem Divi-Button-Modul eine Aufklapp-Liste öffnen und schließen? Die Anwort ist JA! Man braucht dazu nur ein wenig JavaScript bzw. jQuery. Wichitg ist, das wir die Elemente (Button und Umschalter) mit IDs – (Eindeutigen Bezeichern) versehen, damit wir die Elemente auch gezielt ansprechen können. Den Code selber kann ich direkt auf der Seite oder auch über die Divi Theme Optionen -> Integration -> Header-Code einbinden.

Natürlich lässt sich dieses Prizip auch auf andere Elemente anwenden. Aucch lassen sich bestimmte Tabs im Akkordeon-Modul gezielt öffnen und schliessen.

Das Ergebnis

Das Umschalter Modul

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Code Snippet zum Tutorial Umschalter mit Button öffnen

<script>
jQuery( document ).ready(function($) {
  $("#button1").click(function(){
    $("#umschalt1 .et_pb_toggle_content").toggle();
    return false;  
		event.preventDefault();
    event.stopPropagation();
  });	
  
  $(".et_pb_toggle_title").click(function(){
    $(".et_pb_toggle_content").toggle(); 
		return false;  
		event.preventDefault();
    event.stopPropagation();
  });	
    //console.log( "Ready for Umschalter" );
});
</script>

Verwendete Bilder:

Themen