Использование jQuery для перехода от одного класса к другому

Question

Я пытаюсь скрыть класс как "зависший" над ссылкой с классом. поэтому класс hover должен исчезнуть, чтобы представить эффект наведения.

мой класс css для тега имеет градиент, примененный к нему в одном цвете, а другой класс, представляющий эффект "зависания", имеет другой градиент цвета, примененный к нему.

Я пробовал это, но это не тот эффект, класс наведения должен просто исчезать и исчезать, без нормального исчезновения класса в первую очередь.

$("a").hover(
            function () {
                $(this).fadeOut(function () {
                    $(this).removeClass("btn").addClass("btn2").fadeIn('fast');
                });
            },
            function () {
                $(this).fadeOut(function () {
                    $(this).removeClass("btn2").addClass("btn").fadeIn('fast');
                });
            }
        );

Answer 1

Вы также можете использовать .animate('opacity','0.5');При наведении <a> также будет отображаться эффект затухания.

Answer 2

попробуйте использовать функцию toggleclass

$("a").hover(
            function () {
                $(this).fadeInOut(function () {
                    $(this).toggleClass('btn btn2');
                });
            },
            }
        );