Product

Forget the camera, forget the studio. Spin any image into studio-grade talking video quicker than you can say 'cut'.

Use cases

Forget the camera, forget the studio. Spin any image into studio-grade talking video quicker than you can say 'cut'.

Explore All

Use cases

Forget the camera, forget the studio. Spin any image into studio-grade talking video quicker than you can say 'cut'.

Explore All

Use cases

Forget the camera, forget the studio. Spin any image into studio-grade talking video quicker than you can say 'cut'.

Explore All

Use cases

Forget the camera, forget the studio. Spin any image into studio-grade talking video quicker than you can say 'cut'.

Explore All

script> function isLargeViewport() { return window.matchMedia('(min-width: 992px)').matches; } function initializeThirdLevelMenus() { const dropdownSections = document.querySelectorAll('[content-first-level]'); function setupThirdLevelMenus() { dropdownSections.forEach(section => { const navigation = section.querySelector('[third-level-navigation]'); const toggles = section.querySelectorAll('[third-level-toggle]'); if (!navigation || !toggles.length) return; // Clean up existing handlers toggles.forEach(toggle => { const parentListItem = toggle.closest('li'); if (parentListItem) { const existing = parentListItem._openMenuHandler; if (existing) { parentListItem.removeEventListener('mouseenter', existing); delete parentListItem._openMenuHandler; } } }); toggles.forEach(toggle => { const toggleValue = toggle.getAttribute('third-level-toggle'); const content = navigation.querySelector(`[third-level-content="${toggleValue}"]`); if (!content) return; const openMenu = () => { // Hide all sibling panels navigation.querySelectorAll('[third-level-content]').forEach(el => { el.style.display = 'none'; }); // Clear active state from all toggles, set on current section.querySelectorAll('[third-level-toggle]').forEach(el => { el.classList.remove('is--active'); }); toggle.classList.add('is--active'); // Show matched panel as grid content.style.display = 'grid'; navigation.style.display = 'block'; // Dynamically find the parent [data-nav-content] panel const dropContainer = document.querySelector('[data-dropdown-container]'); const activePanel = section.closest('[data-nav-content]'); if (dropContainer && activePanel) { requestAnimationFrame(() => { const newHeight = activePanel.getBoundingClientRect().height; if (newHeight > 0) { gsap.to(dropContainer, { height: newHeight, duration: 0.3, ease: 'power3.out' }); } }); } // Animate fade items const fadeItems = content.querySelectorAll('[data-menu-fade]'); if (fadeItems.length) { gsap.fromTo(fadeItems, { autoAlpha: 0, y: 6 }, { autoAlpha: 1, y: 0, duration: 0.25, stagger: 0.03, ease: 'power3.out' } ); } }; // Init hidden content.style.display = 'none'; navigation.style.display = 'none'; if (isLargeViewport()) { const parentListItem = toggle.closest('li'); if (parentListItem) { parentListItem._openMenuHandler = openMenu; parentListItem.addEventListener('mouseenter', openMenu); } } }); }); } setupThirdLevelMenus(); // Auto-open first toggle when its parent dropdown opens document.querySelectorAll('[data-dropdown-toggle]').forEach(dropdownToggle => { const panelName = dropdownToggle.getAttribute('data-dropdown-toggle'); const panel = document.querySelector(`[data-nav-content="${panelName}"]`); if (!panel) return; const firstToggle = panel.querySelector('[third-level-toggle]'); if (!firstToggle) return; dropdownToggle.addEventListener('mouseenter', function() { setTimeout(function() { firstToggle.closest('li')?.dispatchEvent(new Event('mouseenter', { bubbles: true })); }, 200); }); }); let resizeTimeout; window.addEventListener('resize', () => { clearTimeout(resizeTimeout); resizeTimeout = setTimeout(setupThirdLevelMenus, 250); }); } document.addEventListener('DOMContentLoaded', function() { initMegaNavDirectionalHover(); initializeThirdLevelMenus(); });

The science and art of unforgettable learning videos

From leveraging storytelling and emotional impact to using proven cognitive techniques, discover how video can unlock your audience's attention and improve learning outcomes

Download FREE report