How To Handle A Hide/show Queue With Multiple Hidden Divs Smoothly

I've searched around, but nothing exactly like what I have. When I scroll over the next div below or above the div with the show method it will just jumpToEnd of the current activi

Solution 1:

A simple stop() should work. No need for the 2 true parameters. The parameter of your show and hide methods are not ok.

$(document).ready(function () {
    var options = { easing: "easeInCirc", duration: 1000 };
    $('.div-display').hover(function () {
        $(this).find('.textbox').stop().show(options);
    }, function () {
        $(this).find('.textbox').stop().hide(options);
    });
});

http://jsfiddle.net/rBsLx/12/