Как анимировать два элемента одновременно с помощью jquery или javascript?

Question

[Сергей Бурдужа]

Добрый день.
После загрузки страницы появляется overla с белым фоном и логотип по середине.
Потом, overlay уменьшает высоту до нуля и логотип перемещается вверх и уменьшается.

Я написал две а функции для анимации, но только они запускаются последовательно.

$(window).on('load', function() {
	const pageOverlay = $('.page-overlay');
	const headerLogoAnimated = $('.header-logo.animated');

	let pageLoading = function() {
		pageOverlay.animate({
			height: 0
		}, 3000);

		headerLogoAnimated.animate({
			top: '52px',
			transform: 'translateX(-50%) scale(1)'
		}, 3000);
	};	
	if(pageOverlay){
		pageLoading();
	}
});

Существует ли возможность запустить их одновременно?

Заранее благодарен.

Answer 1

[Pashok Doom]

let pageLoading = function() {
    pageOverlay.animate({
      height: 0
    }, { duration: 3000, queue: false });

    headerLogoAnimated.animate({
      top: '52px',
      transform: 'translateX(-50%) scale(1)'
    }, { duration: 3000, queue: false });

Comments

[Сергей Бурдужа]

Спасибо.