 <p>You are only stopping the animation of certain classes. To achieve a "global" stop in animation, you will have to clear the animation queue for all elements that will be potentially animated in your JS function.</p> <p>This will mean doing something along the line of:</p> <pre><code>$(document).ready(function() { var activeNews = "01"; $(".newsNav.forward").click(function(event) { event.preventDefault(); // Pre-emptively stops all animation $(".newsItem").stop(true, true); // Note the removal of the .stop() method before each animation if (activeNews == 01) { $(".newsItem.01").fadeOut(250, function() { $(".newsItem.02").fadeIn(250); }); activeNews = 02; } else if (activeNews == 02) { $(".newsItem.02").fadeOut(250, function() { $(".newsItem.03").fadeIn(250); }); activeNews = 03; } else if (activeNews == 03) { $(".newsItem.03").fadeOut(250, function() { $(".newsItem.01").fadeIn(250); }); activeNews = 01; } }); }); </code></pre>