jquery - jQuery中两个类之间的褪色

我想淡出这堂课

<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>

最佳答案

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

您想在CSS类中使用JQuery UI。

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