find all read more links in slider and collapse when slider changes active slide

footer-scripts.html

<script>
  
document.addEventListener("DOMContentLoaded", () => {

    const sliderSelector = '.my-slider'; /* change to class of slider */

    const sliderElements = document.querySelectorAll(sliderSelector);

    if (sliderElements.length === 0) {
        return;
    }

    sliderElements.forEach((sliderElement) => {

        const sliderIdentifier = sliderElement.dataset.xId;

        if (!sliderIdentifier) {
            return;
        }

        const originalButtons = new Map();

        sliderElement.addEventListener('x_slider:init', () => {

            const sliderInstance = xSlider.Instances[sliderIdentifier];

            setTimeout(() => {
                const allReadMoreElements = sliderElement.querySelectorAll('.brxe-xreadmoreless');

                allReadMoreElements.forEach(readMoreElement => {
                    const readMoreId = readMoreElement.dataset.xId;
                    const button = readMoreElement.querySelector('.x-read-more_link');

                    if (button && readMoreId) {
                        originalButtons.set(readMoreId, button);
                    }
                });
            }, 200);

            sliderInstance.on('inactive', (slide) => {

                setTimeout(() => {

                    const allReadMoreElements = sliderElement.querySelectorAll('.brxe-xreadmoreless');

                    allReadMoreElements.forEach(readMoreElement => {

                        const readMoreId = readMoreElement.dataset.xId;
                        const currentButton = readMoreElement.querySelector('.x-read-more_link[aria-expanded=true]');

                        if (currentButton) {

                            const originalButton = originalButtons.get(readMoreId);

                            if (originalButton) {
                                originalButton.click();
                            }
                        }
                    });

                }, 100);

            });

        });

    });

})
  
</script>