document.addEventListener(‘DOMContentLoaded’, function() { const tooltips = document.querySelectorAll(‘[data-tooltip-trigger]’); tooltips.forEach(trigger => { const content = trigger.parentElement.querySelector(‘[data-tooltip-content]’); // Show tooltip on hover trigger.addEventListener(‘mouseenter’, () => { content.classList.remove(‘hidden’); }); // Hide tooltip when mouse leaves trigger.addEventListener(‘mouseleave’, () => { content.classList.add(‘hidden’); }); // Accessibility: Show/hide on focus/blur trigger.addEventListener(‘focus’, () => { content.classList.remove(‘hidden’); }); trigger.addEventListener(‘blur’, () => { content.classList.add(‘hidden’); }); }); });