click hotspot marker when link is clicked/hovered

code.js

document.addEventListener('DOMContentLoaded', function() {
  
    const links = document.querySelectorAll('.my-link');
    const popoverButtons = document.querySelectorAll('#%%ELEMENT_ID%% .oxy-popover_marker');
    
    links.forEach((link, index) => {
        const correspondingButton = popoverButtons[index];
        
        if (correspondingButton) {
            // Click handler
            link.addEventListener('click', function(e) {
                e.preventDefault();
                correspondingButton.click();
            });
            
            // Hover handler
            link.addEventListener('mouseenter', function() {
                correspondingButton.click();
            });
            
            // Mouse leave handler - close the popover
            link.addEventListener('mouseleave', function() {
                // Click again to close
                if (correspondingButton.getAttribute('aria-expanded') === 'true') {
                    correspondingButton.click();
                }
            });
        }
    });
});