Сместить анимацию, как сделать?

Question

[Sergey17122002]

Здравствуйте, помогите пожалуйста, сделать чтобы на странице не было ракеты, а она вылетала по нажатию на кнопку, и чтобы когда ракеты взлетела, и вылетела из зоны видимости, открылась новая страница(отложенное открытие страницы)
https://codepen.io/mimikim/pen/grjGVO

Answer 1

[Денис Князев]

Убрать css анимацию и по клику делать вот так:

$( rocket_container ).animate({
    bottom: "200%"
  }, 300, function() {
      location.href= "NEW URL";
  });

Comments

[Sergey17122002]

это в js вставлять?

[Сергей Пуговкин]

Sergey17122002, да

[Денис Князев]

Sergey17122002, убрать класс .blast-off и анимацию и стили в css.

В js то, что я написал засунуть внутрь:

$(launch_button).on('click', function() {
   
 })

а старое содержимое:
$(rocket_container).toggleClass('blast-off');

удалить

[Sergey17122002]

Денис Князев, спасибо большое, а еще вопрос как сделать чтобы изначально ракеты не было, была пустая страница, а при нажатии на кнопку она вылетала?

[Денис Князев]

Sergey17122002, добавить в стили .canvas-container – bottom: -100%;

[Sergey17122002]

Денис Князев, так получается что ракета просто ниже, но ее видно