Hi Leute,
anbei ein kleines modifiziertes j_accordion Template, das bei Klick zum jeweilig geklickten Toggler springt.
anbei ein kleines modifiziertes j_accordion Template, das bei Klick zum jeweilig geklickten Toggler springt.
Code:
<script src="<?= TL_ASSETS_URL ?>assets/jquery-ui/js/jquery-ui.min.js"></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.newPanel.context )
{
var offset = jQuery('#stickyheader').height() - 10;
jQuery("html, body").animate({scrollTop: jQuery(ui.newPanel.context).offset().top - offset});
}
}
});
});
</script>
