Stoyan, >Hi all ! > >I am trying to create a menu like this on the front of mootools.net >(although in vertical way). > >My old code is based on something I've seen around interface together > >with a limitQueue hack - > >http://svest.org/temp/test/old/home.html >(it uses jQuery 1.1.x). > > >However that doesn't work with jQuery 1.2.x > >Now I am trying to replace the limitQueue with the new Jquery 1.2 additions >queue() and stop(), but I think I don't fully understand the way they work: > >http://svest.org/temp/test/new/home.html >(latest jQuery) > >On initial load everything looks almost fine. If I go through the menus >slowly everything works fine. > >However when I go fast through the menus the bottom part of the menu >disapears. I looked the whole thing with Firebug > >and it seems that when I go over a menu, it gets a overflow: hidden style. >When I go slowly over it the style appears > >only for a second, but when I go fast the style stays. Why doesn't the >style be removed ? :) > >P.S. The 1.1.x version of jquery doesn't seem to have that kind of problem, >or maybe I am doing something wrong. > >I am a little confused with the animations. I really like to achieve the >smoothness of the mootools implementation. > >Anyone can help ?
First off, I like the overall effect. Looks very nice. The reason the bottom line is being "hidden" is because the "overflow" on the top level <li> tags (i.e. <li id="b_11" />) are getting being set to "hidden". While I haven't tracked this down, I suspect it's an aftereffect of calling the stop() method. Also, it seems unnecessary to call the queue([]) lines--as calling stop() should clear the queue. If removing the queue([]) lines doesn't fix the problem, try clearing the overflow value after your call to the stop() method. -Dan
