Ich habe es jetzt so gelöst:
Infos aus mehreren Threads zusammengenagelt und hat erfreulicherweise funktioniert
mit "akkordeon" findet man wenig zu "accordion". Man muss also schonmal wissen was man genau sucht. Macht das Suchen nicht leichter
Neues Template erstellen.
Beim Suchen das richtige Template wählen
Bildschirmfoto 2023-07-05 um 13.15.26.png
Das "j_accordion" nicht wie ich zuerst dachte "start..."
Template anpassen
Hinter
PHP-Code:
collapsible: true,
ergänzt
Sieht dann bei mir so aus:
PHP-Code:
<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',
collapsible: true,
active: false,
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>
Fertig. Einfach wenn man es weiß ... wenn nicht, sucht man halt ein paar Stunden und probiert rum
Kann man das nicht irgendwie leichter auffindbar machen ... bin ja nicht der Einzige der sich in den letzten 10 Jahren daran versucht hat