How to make smooth removeClass?

Question

JavaScript

Hello! When you hover the mouse, the class is assigned smoothly, but when I remove the mouse, the class disappears instantly. How can I make the class disappear smoothly?

$(".div").hover(function(){
      $('.link').addClass('menuh');
      }, function(){
      $(".link").removeClass('menuh');
});

css:

.menuh {
  transition: all 0.4s;
  color:red;

}

Answer 1

$(".div").hover(function(){
      $('.link').addClass('menuh');
      }, function(){
      $(".link").removeClass('menuh');
});

.link {
      transition: all 0.4s;
}

Answer 2

I think that you have not specified the color in the initial state .
Those. in CSS it should be like this:

.link {
  color:green;
  transition: all 1s;
}
.menuh {
  color:red;
}