Почему не работает toogleClass?

Добрый ночи друг )

Есть вот такая разметка https://codepen.io/pawlek/pen/xYraGG

Пытаюсь сделать следующее:

При клике на button, серый блок должен растянутся на весь экран где отобразятся ранее скрытые инпуты (в идеале слайдер в котором на каждом слайде текст + инпут )

Столкнулся со следующими камнями:

1. Пытался сделать дополнительный скрытый блок который отображать посредством .click(), но не получается сделать нормальную анимацию перехода от маленького блока к большому.

2. Решил имеющийся блок растягивать и отображать ранее скрытые элементы, но не работает .toogleClass() но при этом .addClass работает нормально. И опять же не понятно как сделать красивую анимацию.

Помогите найти правильный путь к решению данного вопроса )
  • Вопрос задан
  • 79 просмотров
Решения вопроса 1
Exploding
@Exploding
wtf?
toogleClass
toggleClass

не получается сделать нормальную анимацию перехода от маленького блока к большому

Что именно не получается? И вообще, что значит в Вашем понимании "нормальная/красивая анимация"?
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
У Вас ещё в css transition неправильно указан. Надо использовать transition: изменяемое_свойство время.
Например transition: width .4s; или transition: all 1s;
https://html5book.ru/css3-transition/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
от 10 000 до 15 000 руб.
15 авг. 2018, в 22:39
60000 руб./за проект
15 авг. 2018, в 22:01
6000 руб./за проект
15 авг. 2018, в 21:18
30000 руб./за проект