jquery - jquery中两个类之间的淡入淡出

Question

我希望能够淡出这个类

<h2 class="care-home-fees"><a title="Care Home Fees" href="#">Text</a></h2>

淡入淡出

<h2 class="care-home-fees-over"><a title="Care Home Fees" href="#">Text</a></h2>

注意有两个独立的图像

这是我当前的标记，它似乎不起作用

$(document).ready(function(){  

$("h2.care-home-fees").hover( 
  function () {
    $(this).addClass("care-home-fees-over");
  },
  function () {
    $(this).removeClass("care-home-fees");
  }
);  

});

和任何更改前打印的按钮

<h2 class="care-home-fees"><a title="Care Home Fees" href="#">Text</a></h2>

Answer 1

您可能需要 .animate() 而不是 .addClass() 或 .removeClass()。

您想对 CSS 类执行的操作在 JQuery UI 中。

http://api.jquery.com/animate/