Почему тормозит анимация css/js?

Question

[tomas232]

Привет всем!
Делаю калькулятор для сайта в виде слайдера. Слайдер нашел в интернете и подстроил под себя. Открытие блоков происходит через js. Так вот запостив его к себе на сайт, вижу, что анимация слайдера довольно сильно тормозит на слабом ноуте, хотя на телефонах и моем рабочем компе работает в 60 fps (иногда нужно подождать пару секунд, чтобы подгрузились то ли стили, то ли js).
Подскажите, как можно оптимизировать проект, чтобы тормоза исчезли везде?

Вот код: https://codepen.io/pen/NWGeyrM (тут есть стили, которые не будут отображаться в верстки, так как это зашитые в сайт стили, но думаю, это не проблема).
Я в верстке совсем новичок, поэтому прошу не кидать камнями :)

Answer 1

[Eduard07]

Можешь подключить jquery, и там паро строк кода. slideDown, slideUp

Comments

[tomas232]

jquery итак подключаю, вот этот: https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2....

А куда имеено в моем случае можно добавлять slideDown?

[Eduard07]

tomas232, Да, вижу..... Но у меня все ок работает, то есть не тормозит