Не могу сообразить как в момент добавления нового класса настроить так, чтобы этот класс плавно появлялся

Question

Не могу сообразить как в момент добавления нового класса настроить так, чтобы этот класс плавно появлялся

Женя Женя Ученик (3), закрыт 3 года назад

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

Answer 1

Ну класс-невидимка сразу удаляется, класс display-block сразу добавляется... что им уже fadeIn — он элементу как-раз дает display-block. А это уже незачем анимировать, если и так стоит блок.

questions_elements_one.on('click', function(){
$("#N").fadeIn( 1000, function() { $(this).addClass("answer-one").addClass("answer-one-block") });
});

Как минимум - так. Переданная функция срабатывает уже после fadeIn
Но подход с размножением одинаковых классов в целом - неправильный. Надо найти общее решение для любого количества элементов.

Answer 2

codepen.io/norbert123/pen/WNrKZrZ там можно еще привинтить FadeToggle() или animate()