Thanks a lot :) The clearQueue option for the stop() did the trick, for some reason I completely missed it on docs.jquery.com
On Dec 9, 6:04 pm, Leanan <[EMAIL PROTECTED]> wrote: > I've never worked with the .stop function before, so I searched for it > in google (jquery .stop) to read up on it to see if that might shed > some light... One of the very first links I found was this: > > http://www.pengoworks.com/workshop/jquery/stop_bug.htm > > Glancing over it, I think this is what is causing your problem. The > individual who created that page links to a patch they created for the > issue, and has a fairly straightforward demonstration. Hope that > helps. > > On Dec 9, 11:11 am, Tijmen Smit <[EMAIL PROTECTED]> wrote: > > > I'm working on a page where once you hover over a small photo, a > > bigger photo should appear underneath it with a small text. The box > > holding the photo does appear, and once you slowly move towards > > another photo it works fine. > > > But once you quickly move from the top left to the top right, it get a > > bit weird. Sometimes the box with the big photo disappears completely > > or it get stuck with the opacity not set to full visibility. > > > And in IE7 there's another thing going on, the moment you place your > > mouse on the small photo it first seems to be disappearing, but it > > later does come up the way its supposed to be. I did set the z-index > > on both of the div's, but I have the feeling it doesn't have anything > > to do with the z-index. > > > You can see it in action here > > ->http://www.tijmensmit.com/dev/intranet/test.html > > > $("#smoelenboek li").hover(function() { > > var $list_class = $(this).attr("class"); > > $("#smoelenboek").find('li.' + $list_class).addClass > > ("on"); > > $(this).find("div").stop().animate({opacity: "show", top: > > "30px"}, "slow"); > > }, function () { > > $(this).find("div").stop().animate({opacity: "hide", top: > > "20px"}, "fast"); > > $("#smoelenboek li").removeClass("on"); > > > }); > > > I know I could change the .stop().animate() to a simple .hide()/.show > > (), which works fine. But I would like to keep the animate & opacity > > effect, but then without them sometimes disappearing :) > > > Any idea's how to fix this problem? > > > Thanks! > > Tijmen
