(Accordion Pro) Sticky Accordion Title to top on Click

To make accordion title sticky to top of screen on click in Accordion Pro Plugin. Like this.

You can use this code under Plugin code in Code Injection > Footer.

<!-- Sticky Accordion code @tuanphan -->
<script>
document.addEventListener('DOMContentLoaded', function() {
    window.wmAccordionsSettings = {
        scrollToOpenContent: false
    };
    
    document.addEventListener('wmAccordions:afterOpen', function(event) {
        const accordionId = event.detail.accordionId;
        const accordionElement = document.querySelector(`[data-accordion-id="${accordionId}"]`);
        
        if (accordionElement) {
            accordionElement.scrollIntoView({
                behavior: "smooth",
                block: "start"
            });
        }
    });
    
});
</script>

Buy me a coffee