Loading...
document.addEventListener('click', function(e) { // Gestion du clic sur les bulles const bubble = e.target.closest('.bubble-wrapper'); if (bubble && !e.target.closest('.bubble-open')) { // Fermer toutes les autres bulles document.querySelectorAll('.bubble-wrapper').forEach(b => { if (b !== bubble) b.classList.remove('active'); }); // Toggle la bulle cliquée bubble.classList.toggle('active'); } // Fermer avec le bouton X if (e.target.classList.contains('bubble-close-btn')) { e.target.closest('.bubble-wrapper').classList.remove('active'); } // Fermer en cliquant ailleurs if (!e.target.closest('.bubble-wrapper')) { document.querySelectorAll('.bubble-wrapper').forEach(b => { b.classList.remove('active'); }); } }); document.addEventListener('DOMContentLoaded', function() { // Gérer l'état actif des bulles document.addEventListener('click', function(e) { if (e.target.closest('.prompt-bubble')) { // Retirer la classe active de toutes les bulles document.querySelectorAll('.prompt-bubble').forEach(bubble => { bubble.classList.remove('active', 'pulse'); }); // Ajouter la classe active à la bulle cliquée const clickedBubble = e.target.closest('.prompt-bubble'); clickedBubble.classList.add('active', 'pulse'); } // Fermer le détail si on clique sur le bouton fermer if (e.target.closest('.close-detail-btn')) { document.querySelectorAll('.prompt-bubble').forEach(bubble => { bubble.classList.remove('active'); }); } }); });