어떻게 호버 (hover) 상태를 해제 할 수 있습니까?

Question

: hover 색상 변경이있는 텍스트 버튼이 있습니다. 버튼을 클릭하면 내부에있는 div가 축소되어 클릭 한 마우스 커서 아래에서 버튼이 이동합니다. 이렇게하면 : hover 상태로 단추가 남기 때문에 다시 hover가 아닌 색상으로 변경되지 않습니다. 내가 hover 상태에서 버튼을 강제로 뺄 수있는 방법이 있습니까 (그 순간에 확실히 끌리지 않을 것임을 알기 때문에)?

여기

jsfiddle 예 : http://jsfiddle.net/forgetcolor/vYjMv/6/

추신 : 내가 움직이지 때까지 --- 내가 마우스 나 자신에게 상태 변화를 이동할 때 나는 즉시 그 jsfiddle 예에 알아,하지만 불행히도 내 자신의 예에 그렇지 않은 다시 버튼 위로. 나는 내 생각에 축소 요소가 움직일 때 마우스 커서 아래에 무엇이 남았는지 추측하고있다. (?)

Answer 1

나는 CSS에서 :hover 셀렉터를 사용하지 않지만, .hover 대신 클래스. 그런 다음이 클래스를 명시 적으로 mouseover/mouseout에 할당하고 필요할 때 명시 적으로 제거 할 수 있습니다.

이 문제 해결에 도움이 되었습니까?

UPDATE

제안 : jQuery의 $().hover()를 사용합니다.