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.
