Как сделать плавное удаление класса?

Question

[Localhost]

Здравствуйте, пробовал разные варианты, но пока не получилось. Нужно чтобы удаление класса .active после его removeкласс, плавно скрывался тег li в html. Может что-то упускаю в сонном режиме

Comments

[Ankhena]

Класс не может удаляться медленно.
Как вы себе это представляете? Будет стираться по одной буковке в исходном коде или полупрозрачный класс .active?

Можно, например, так:
http://jquery.page2page.ru/index.php5/Появление_и_...

Либо анимировать прозрачность в CSS

[Lander]

Сидят два наркомана в театре. Один другому говорит:
- Слушай, а как у них люстра так медленно тухнет?
- Ну и чего не понятного? Заходит мужик в аппаратную и м-е-е-е-е-е-е-дленно выдергивает вилку из розетки.

Answer 1

[Stalker_RED]

Удаление в любом случае будет мгновенным. Но вы можете перед удалением или после удаления запускать какую-то анимацию или прикрутить css transition.

https://jsfiddle.net/ynrpu1ft/1/

Answer 2

[Pretor DH]

jquery UI

$( "#effect" ).removeClass( "newClass", 1000, callback );

Если без jQuery.
То просто поставьте в блоке и в классе
transion: all...
Но тогда работать будет не все. Например display:none; сразу спрячет блок.