if i'm this right, on the menu button's mouseover function you could call $('#menu').stop() to end any animation effects.
http://docs.jquery.com/Effects/stop On Sep 25, 4:55 am, "shyhockey...@gmail.com" <shyhockey...@gmail.com> wrote: > Hi, I am using the fade in and fade out and mouse over and mouse > out. > > What I am doing is creating a menu that fades in when the mouse if > over the users image. > > The problem I run into is that when the background of the menu fades > in with the buttons which are links. I notice that if you move the > mouse over the buttons/links the menu and buttons fade out. > > I have 2 elements one is the menus background and the other element is > the buttons/links on top of the background. > > I have a fade out command when the mouse it off the menu background. > So I am guessing when the mouse goes over the links/buttons it acts as > if the mouse isn't no longer over the menu background element causing > a fade out effect. > > What can I do to prevent the menu fading out when the mouse is over > the buttons that are links. > > I want the users to be able to put their mouses on the buttons and be > able to click on the buttons without the menu fading out but only fade > out if the mouse is not longer on the background of the menu and is > not over any of the buttons on the menus background. > > I was woundering if I should do a if statement to check the conditions > which would be where the mouse is over. > > If the mouse is over either the menu background meaning the menu or is > over the buttons on the menu background meaning the opitions in the > menu. Then don't do a fade out only do a fade out if the mouse is not > over either the buttons or the menu itself. > > how could I do this?