document.addEventListener('DOMContentLoaded', function() { // Get the elements const toggleContainer = document.querySelector('.toggle-container'); const tooltip = document.querySelector('.toggle-tip-nocode'); // Track if animation has been shown let hasShownTooltip = false; // Add hover event listener toggleContainer.addEventListener('mouseenter', function() { // Only run the first time if (!hasShownTooltip) { hasShownTooltip = true; // Set flag to true so it never runs again // Fade in animation tooltip.style.transition = 'opacity 0.3s ease'; tooltip.style.opacity = '1'; // Wait 2 seconds and fade out setTimeout(function() { tooltip.style.opacity = '0'; }, 2000); } }); });