Там просто удаляются классы для элементов (см.
main.js):
$(".header-container").removeClass("header-container--hidden"),
$(".footer-container").removeClass("footer-container--hidden")
А вся анимация делается с помощью CSS (
style.css):
html.rpst-portal.aui .header-container {
width: 100%;
background: white;
position: relative;
opacity: 1;
-webkit-transition: opacity 500ms ease-out;
transition: opacity 500ms ease-out;
border-bottom: 1px solid #e6e6e6;
z-index: 2;
}
html.rpst-portal.aui .header-container--hidden {
opacity: 0;
-webkit-transition: none;
transition: none;
}
html.rpst-portal.aui .footer-container {
width: 100%;
opacity: 1;
-webkit-transition: opacity 500ms ease-out 0.2s, -webkit-transform 500ms cubic-bezier(0, 0.9, 0.1, 1) 0.2s;
transition: opacity 500ms ease-out 0.2s, transform 500ms cubic-bezier(0, 0.9, 0.1, 1) 0.2s;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
padding-top: 42px;
}
html.rpst-portal.aui .footer-container--hidden {
opacity: 0;
-webkit-transition: none;
transition: none;
-webkit-transform: translate(0, 150px);
-ms-transform: translate(0, 150px);
transform: translate(0, 150px);
}
Думаю, аналогично сделано всё остальное.
Используемый "трюк", к слову, не самый удачный. Так как если JavaScript отключен или не сработает по какой-либо причине, то пользователь увидит пустую страницу. Правильнее было бы реализовать всё это лишь за счёт анимаций CSS без использования JavaScript.
