Как выполнить скрипт после другого?

Question

[maxemga]

У меня есть есть страница (фон и текст по середине), я хочу чтобы по нажатию на текст, Он постепенно становился прозрачным, а как он станет прозрачным, то фон уедет влево
Как это реализовать я понимаю, но вопрос, как сделать так чтоб после того как текст станет opacity 0, фон съезжал?

https://jsfiddle.net/qa0wL7p3/1/

Answer 1

[Уалихан Оразбаев]

Используя js создайте асинхронную функцию SetTimeout внутри той функции, что отвечает за обработку нажатия на текст. Первым аргументом передайте callback функцию и внутри сделайте присваивание класса (любого, он понадобится вам позже) фону. Вторым аргументом в нее передайте в миллисекундах значение за которое исчезает текст (transition что вы указали в css тексту). Ну а дальше на css добавьте фону transition для плавности и через селектор .[класс фона].[класс что вы присваиваете в js, сделайте к примеру width: 0 (фон будет справа на лево уходить) или height: 0 (снизу вверх), тут уже как захотите.

Изменено: вот на jsFiddle то, о чем писал выше https://jsfiddle.net/gLsbf5e4/

Comments

[WapSter]

Очень фиговый пример, на css это все можно сделать, у js есть специальные события для более лучшей отработки подобного, setTimeout не обязательно может выполнится в то самое время которое ему прописали в следствии чего может случиться рассинхрон.

[Уалихан Оразбаев]

WapSter, вы имеете ввиду сделать так?

[WapSter]

Kwinston, что-то типо того, завтра покажу пример лучше.

Answer 2

[WapSter]