Das Contao Accordion geschlossen halten

Die Accordion-Funktion (Aufklapp-Menü) in Contao generiert eine nützliche Darstellung für z.B. größere Textmengen. Die im CMS integrierte Funktion liefert jedoch das erste Accordion-Element geöffnet aus. Es kann allerdings vorkommen, dass man den ersten Toggler geschlossen haben möchte. Dies geht über folgende Templateanpassung in j_accordion.html5:


<script src="< ?= TL_ASSETS_URL ?>assets/jquery/ui/< ?= $GLOBALS['TL_ASSETS']['JQUERY_UI'] ?>/jquery-ui.min.js">
<script>
(function($) {
$(document).ready(function() {
$(document).accordion({
// Put custom options here
heightStyle: 'content',
header: 'div.toggler',
collapsible: true,
// Alle Akkordeons eingeklappt
active: false,
create: function(event, ui) {
ui.header.addClass('active');
$('div.toggler').attr('tabindex', 0);
},
activate: function(event, ui) {
ui.newHeader.addClass('active');
ui.oldHeader.removeClass('active');
$('div.toggler').attr('tabindex', 0);
}
});
});
})(jQuery);
</script>

Press ESC to close