【jQuery】fadeInがホバーした回数分繰り返されてしまう問題の対処法

問題の挙動

解決法

$(".btn").hover(
	function() {
		$(".content").stop().fadeIn();
	},
	function() {
		$(".content").stop().fadeOut();
	}
);

fadeIn()、fadeOut()の前に.stop()を付けるだけ!

.stop()は今実行されている処理をキャンセルしてくれます。

なので、即座にfadeInとfadeOutが切り替わるということですね。