Découvrir les cas d’usage

jQuery(document).ready(function($) { // Sélection de tous les toggles et nombre total var $toggles = $('.et_pb_toggle'); var numToggles = $toggles.length; function updateAccordion() { var scrollTop = $(window).scrollTop(); var documentHeight = $(document).height(); var windowHeight = $(window).height(); var maxScroll = documentHeight - windowHeight; if(maxScroll <= 0) return; // éviter la division par zéro // Calcul du ratio de scroll (entre 0 et 1) var fraction = scrollTop / maxScroll; // Déterminer l'index cible selon le ratio var targetIndex = Math.floor(fraction * numToggles); if (targetIndex >= numToggles) targetIndex = numToggles - 1; // Pour chaque toggle, on ouvre celui ciblé et on ferme les autres $toggles.each(function(index) { var $toggle = $(this); if(index === targetIndex) { if(!$toggle.hasClass('et_pb_toggle_open')) { $toggle.find('.et_pb_toggle_title').trigger('click'); } } else { if($toggle.hasClass('et_pb_toggle_open')) { $toggle.find('.et_pb_toggle_title').trigger('click'); } } }); } // Lancer l'update à chaque scroll $(window).on('scroll', updateAccordion); // Et dès le chargement de la page updateAccordion(); });