Тест

1) Листья (.test-first)

 a) .test__link и .test__answer--first скрыты (transform: translateY(60%), opacity: 0, pointer-events: none)

 b) при клике по левому листу (ненастоящий лист, .leaf-left)

- в .test__text выводить "Неверно!", а в .test__answer--first "Видите, как легко ошибиться. Соберитесь, дальше вопросы будут сложнее."

- показать .test__text, .test__answer--first и .test__link (реализовано в функции onLeftLeafClick вместе с анимацией).

- при клике по .test__link переход к следующему вопросу

c) при клике по правому листу (настоящий лист, .leaf-right)

- в .test__text выводить "Верно!", а в .test__answer--first "Дальше вопросы будут сложнее, поэтому соберитесь."

- показать .test__text, .test__answer--first и .test__link (реализовано в функции onRightLeafClick вместе с анимацией).

- при клике по .test__link переход к следующему вопросу

2) Вопрос (.test-second) - показать .test-second, .test__answer .test__link скрыты
При нажатии на .test__btn:

 а) Правильной кнопке дать класс .is-true, остальным .is-false

 б) Показать правильный ответ и кнопку "Следующий вопрос" (.test__answer и .test__link) с помощью GreenSock TimelineMax

3) Результат (.test-final) - показать .test-final; спрятать .test__link (transform: translateY(60%), opacity: 0); показать ответ (.test__answer--final)