"How to Make a Smooth Animated Menu with jQuery" by Zach Dunn

Zach Dunn from buildinternet.com shared his jquery menu.

It does not gracefully degrade with Javascript unabled, but it is a good tutorial. He guide us line by line with detailed comment.
.stop() is used for avoiding a broken accordion effect. Mouseover, mouseout
and normal chain is used.

Thanks Zach.


//When mouse rolls over
$(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})

//When mouse is removed
$(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'})


Related Posts :

blog comments powered by Disqus
^ Scroll to Top