Как сделать плавный removeClass?

Question

[supercoder666]

Здравствуйте! При наведении мыши класс присваивается плавно, но когда мышь убираю - исчезает класс мгновенно. Как сделать так, что бы класс исчезал плавно?

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

css:

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

}

Comments

[jamtuson]

триггерит от "плавный removeClass", но да ладно.
Надо добавлять transition не классу, который добавляете, а добавляемому классу, то есть .link

Answer 1

[Валентин Бируля]

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

.link {
      transition: all 0.4s;
}

Comments

[supercoder666]

При наведении мыши анимация происходит, а при отведении нет.

Answer 2

[Ankhena]

Думаю, что у вас не указан цвет в начальном состоянии.
Т.е. в CSS должно быть так:

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