Как применить функцию к определенному элементу?

Question

[Дуболом Одноклеточный]

У меня есть js (jquery) функция:

$(function animate() {
tl.fromTo('имя элемента', 0.4, { y: 50, opacity: 0 }, { y: 0, opacity: 1, ease: Power4.easeOut });
});

Я хочу сделать так, чтобы функция вызывалась к тому элементу, к которому я хочу. Примерно так:
$('.heading').animate();

Я хочу укоротить код, чтобы по сто раз не писать к какому элементу я хочу применить анимацию.
А то если я захочу много элементов анимировать, то получится вот такая каша:

tl.fromTo('.heading', 0.4, { y: 50, opacity: 0 }, { y: 0, opacity: 1, ease: Power4.easeOut });
tl.fromTo('.sub-heading', 0.4, { y: 50, opacity: 0 }, { y: 0, opacity: 1, ease: Power4.easeOut });
tl.fromTo('.video', 0.4, { y: 50, opacity: 0 }, { y: 0, opacity: 1, ease: Power4.easeOut });

Типа плагина, пишешь элемент, и какой код к нему надо применить, вот пример:
$('.slider').slick();
( В своем файле с названием anim.js будет моя функция анимации ( animate() ), я импортирую его в main.js и $(имя элемента).animate(); )
Но в самой функции slider() нету названия элемента, я его сам задаю.

Вот такого эффекта хочу добиться. Если что уточняйте что не поняли в вопросе.

Comments

[Andrew]

яннп, но на всякий случай, читайте это

[FeST1VaL]

Ну сделайте как то так

function animate(element) {
	tl.fromTo(element, 0.4, { y: 50, opacity: 0 }, { y: 0, opacity: 1, ease: Power4.easeOut });
}

И потом уже вызывайте например с проверкой

if($('header').length) {
	animate('header');
}