Custom Programs

jQuery(window).on('load', function() { const headers = jQuery('.rotating-header'); // Your rotating header elements const bodies = jQuery('.rotating-body'); // Your rotating body texts let currentIndex = 0; function rotateHeaders() { // Fade out the current header and body headers.eq(currentIndex).fadeOut(1000); bodies.eq(currentIndex).fadeOut(1000, function() { // Increment index or reset to 0 if it's the last item currentIndex = (currentIndex + 1) % headers.length; // Fade in the next header and body headers.eq(currentIndex).fadeIn(1000); bodies.eq(currentIndex).fadeIn(1000); // Schedule the next rotation setTimeout(rotateHeaders, 7000); // Adjust considering fade in, fade out and display duration }); } // Start the rotation rotateHeaders(); });