<script>
jQuery(document).ready(function($) {

const ANIMATION_DURATION = 300;

// — VIDEO PAUSE FUNCTION —
function pauseAllVideos() {
$(‘.section-b .about-video’).each(function() {
if (this.currentTime > 0 && !this.paused && !this.ended) {
this.pause();
this.currentTime = 0;
}
});
}

// 1. Initial State: Hide Section B and Footer on load
$(‘.section-b’).hide();

// 2. Main Toggle Function
function toggleSections(showSelector) {
pauseAllVideos();

// Hide EVERYTHING first (Sections and Footer)
$(‘.section-start, .section-b, #footer’).stop(true, true).fadeOut(ANIMATION_DURATION, function() {

// Show the target section
$(showSelector).stop(true, true).fadeIn(ANIMATION_DURATION);

// — FOOTER LOGIC —
// Only show footer if returning to .section-start
// If showSelector is .section-b, the footer stays hidden
if (showSelector === ‘.section-start’) {
$(‘footer’).stop(true, true).fadeIn(ANIMATION_DURATION);
} else {
$(‘footer’).hide();
}
});
}

// — Button Click Handlers —

// Open Section B (Footer will be hidden)
$(‘#btn-open-section-b’).on(‘click’, function(e) {
e.preventDefault();
toggleSections(‘.section-b’);
});

// Return to Start (Footer will be shown)
$(‘#btn-return-start’).on(‘click’, function(e) {
e.preventDefault();
toggleSections(‘.section-start’);
});

});
</script>