How to: Add/Remove Class on mouseOver/mouseOut - JQuery .hover?

Question

Looking to change the border color on a box..

..when the user mouses over/out..

Here\'s the attempted code.. Needs Work!

JQuery:

<         


        

Answer 1

You could just use: {in and out function callback}

$(".result").hover(function () {
    $(this).toggleClass("result_hover");
 });

For your example, better will be to use CSS pseudo class :hover: {no js/jquery needed}

.result {
    height: 72px;
    width: 100%;
    border: 1px solid #000;
  }
  .result:hover {
    background-color: #000;
  }