make sure readmore reset when tabs switched

footer-scripts.html

<script>

document.addEventListener("DOMContentLoaded", () => {
  function correctReadMore(event) {
    const tabs = event.currentTarget;
    
    tabs.querySelectorAll('.x-read-more_content').forEach(readMore => {
      readMore.style.removeProperty('height');
      readMore.style.removeProperty('max-height');
      readMore.classList.remove('x-read-more_not-collapsable');
    });
  }

  document.querySelectorAll('.brxe-xtabs').forEach(tabs => {
    tabs.addEventListener('x_tabs_accordion:expand', correctReadMore);
    tabs.addEventListener('x_tabs:switch', correctReadMore);
  });
});
  
</script>