javascript - Remove class on mouseleave

Question

I have jQuery code that adds class feather to the div on mouseover if it has class active-s-c-card. I need to remove this class on mouseleave. Would be happy for any suggestions how to improve the current code. Thanks!

jQuery(document).ready(function($) {
  $("body").on("mouseover" ,function(){
    if ($(".panel-s-c-3").hasClass("active-s-c-card")) {
      $(".panel-s-c-3").addClass("feather");
    }
  });
});

question from:https://stackoverflow.com/questions/66059567/remove-class-on-mouseleave

Answer 1

There you go, when leaving the active-s-c-card element:

$(".active-s-c-card").on("mouseleave" ,function(){
  $(this).removeClass("feather")
});