Не могу сообразить как в момент добавления нового класса настроить так,чтобы этот класс плавно появлялся пробую через .fadeIn( 1000 );, не получается?

Question

[Юра Сторчака]

Привет, не могу сообразить как в момент добавления нового класса настроить так , чтобы этот класс плавно появлялся
пробую через .fadeIn( 1000 );, но не получается , что я делаю не так ?
https://codepen.io/freelancetesting/pen/ZEQRJNM

Answer 1

[Олег Михайлов]

Comments

[Олег Михайлов]

была ошибка, не было точки у класса, которому ты fadeIn делал;

questions_elements_one.on('click', function(){
        $('.answer-one').fadeIn( 1000 );
    });

Answer 2

[Zhandos Timabay]

Получается у вас display: block нового класса происходит раньше чем анимация fadein, а display: none старого класса убирается еще раньше.
Плюс еще в коде как в первом комментарий не хватает точки в выборке jquery
$('answer-one-block').fadeIn( 1000 );

p.s Вопрос очень банальная, нужно быть очень внимательным и уметь отлаживать в каждом процессе