Hi Jogi,
ergänze mal das Template j_accordion.html
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,
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);
if(ui.newHeader.length > 0) {
$('html, body').animate({
scrollTop: ui.newHeader.offset().top - ui.newHeader.outerHeight()
}, 400);
}
}
});
});
</script>
Lesezeichen