JQuery fadeOut Эффект скорость / продолжительность не работает

Question

Привет всем, я пытаюсь создать эффект fadeOut для элемента за 1 секунду, но этот эффект не учитывает желаемую скорость / продолжительность. элемент исчезает напрямую.

вот ссылка на мой код на ручке кода [введите описание ссылки здесь] [1]

 [1]: https://codepen.io/ahmadm199/pen/OEEgeB

Answer 1

Вот JS-версия того, что вы пытаетесь сделать: https://codepen.io/modelcroissant/pen/zaaEbb Мне было скучно, поэтому я решил создать решение JQuery на основе массива для вашей проблемы, которое также очищает ваш код functionCeption и убирает изHTML, чтобы частично уменьшить беспорядок HTML.BUUUUUT Все, что вам действительно нужно сделать, это удалить ваш стиль CSS-перехода, который противоречит вашему стилю JS-кода.

*{
      -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;

}