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 are missing the dot on the selector, and you can use toggleClass method on jquery:

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