イベント ハンドラーをオンに戻す方法を理解するのに少し苦労しました。
アニメーションが終了する前に、関数が複数回実行されるのを止めようとしています。
ここにフィドルがあります:
これが私のコードです:
$("#buttons a").click(function () {
$('a').off();
// Remove class from current active
$("#buttons a").removeClass('active');
// Change class on clicked button
$(this).addClass("active");
// Hide Non-Clicked Content
$(".main_content").fadeOut("fast");
$("#content_container").slideUp("slow");
// Find Selected
var selected = $(this).attr("href");
// Show Selected
$("#content_container").slideDown("slow", function () {
$(selected).fadeIn("slow");
});
return false;
});