Yeah technically that works, but the problem is the CSS does need to be reset after the animation finishes or else it cuts the menu off.
I've uploaded a video to Youtube that will show what happens. Its still processing the upload but should be done soon: http://www.youtube.com/watch?v=Yll3q2O6MRI On Aug 20, 9:34 am, Leonard Martin <leonard.mar...@gmail.com> wrote: > I think if you reverse the parameters you're passing to stop() then > that should achieve what you're after. > > You want to clear the queue (true for first parameter) but stop the > animation where it is, not go to the end (false for second paramter). > > On Aug 20, 3:16 pm, Xenongasman <xenongas...@gmail.com> wrote: > > > Okay, so this work but I got another question... > > When the menu is animating down or up, if you move off it jumps to the > > end and starts the animation the other way, is there a way to make it > > just start sliding up from where it is? > > > On Aug 13, 5:45 pm, Xenongasman <xenongas...@gmail.com> wrote: > > > > Actually the answer is a lot simpler than I thought and something I > > > should have found a lot sooner. > > > I just needed to pass in parameters to stop() as is shown below: > > > > <script language="JavaScript"> > > > $(function(){ > > > $('#menu li').hover( > > > function() { > > > $(this).find('ul:first').css({display:"none"}).stop > > > (0,1).slideDown(); > > > }, > > > function(){ > > > $(this).find('ul:first').stop(0,1).slideUp(); > > > }); > > > }); > > > > </script> > > > > On Aug 12, 3:58 pm, amuhlou <amysch...@gmail.com> wrote: > > > > > perhaps something like unbinding the hover would work > > > > >http://docs.jquery.com/Events/unbind > > > > > On Aug 12, 12:29 pm, Xenongasman <xenongas...@gmail.com> wrote: > > > > > > Any ideas? > > > > > > On Aug 8, 2:18 pm, Xenongasman <xenongas...@gmail.com> wrote: > > > > > > > Yes it does work fine, except that the animations will repeat > > > > > > themselves if you move on and off again quickly. > > > > > > So to remedy that I changed the script to: > > > > > > <script language="JavaScript"> > > > > > > $(function(){ > > > > > > $('#menu li').hover( > > > > > > function() { > > > > > > > > > > > > $(this).find('ul:first').css({display:"none"}).stop().slideDown > > > > > > (); > > > > > > }, > > > > > > function(){ > > > > > > $(this).find('ul:first').stop().slideUp('slow'); > > > > > > }); > > > > > > }); > > > > > > > </script> > > > > > > > Then try it and move over one menu then the other very quickly and > > > > > > you'll see what i explained. And it also adds a artifact in IE7. > > > > > > I suppose i could leave it as is and not use stop() but I just > > > > > > wanted > > > > > > to know if someone knew how to fix this.
