Akkordeon Modul geschlossen (4.x)

Um einen beliebten Effekt zu erreichen, das alle Akkordeons geschlossen sind beim Seitenaufruf, muss folgendes getan werden.

Über das Backend eine Kopie anlegen und editieren:

• Layout Templates
• Neues Template , Auswahl j_accordion.html5, Zielverzeichnis auswählen, Template erstellen
• Template umbenennen (Bleistift) nach j_accordion_closed (die Endung macht Contao selber ran)
• Template editieren,
  
  • jQuery : Zeile "active: false," einfügen, speichern
• Unter Layout - Themes - <dein Theme => Seitenlayout> - <dein Layout> - "Skript-Einstellungen" das alte Template abwählen, das neue auswählen.

Das Template sollte dann so aussehen:

<script src="<?= $this->asset('js/jquery-ui.min.js', 'contao-components/jquery-ui') ?>"></script>
<script>
  jQuery(function($) {
    $(document).accordion({
      // Put custom options here
      heightStyle: 'content',
      header: '.toggler',
      active: false,
      collapsible: true,
      create: function(event, ui) {
        ui.header.addClass('active');
        $('.toggler').attr('tabindex', 0);
      },
      activate: function(event, ui) {
        ui.newHeader.addClass('active');
        ui.oldHeader.removeClass('active');
        $('.toggler').attr('tabindex', 0);
      }
    });
  });
</script>