LUCiD GRAFiX Logo

Video tutorials
YouTube RSS Feed
Search

VIDEO TUTORIAL

jQuery Tip 12 Simple SlideDown Menu

*Set the video to HD for best viewing experience.
Written by Posted on October 11th, 2013 No Comments
Share This

Today we are going to make jQuery Tip 12 Simple SlideDown Menu.

So this is a cool tip that gives drop down menus a smooth effect when you hover over a list item and slides down the nested menu.

Html

CSS

jQuery

You could switch the slideDown or SlideUp with fadeIn or fadeOut.

links

http://api.jquery.com/slideDown/
http://api.jquery.com/slideUp/

Conclusion

So this was a cool tip to add a little smoothness to your drop down menus. I hope it helps out on a project and its fun to change things up.

Check out the Demo! Download files!

About

Hi, my name is Eric Young. I’m a web designer who has worked in the IT industry since 2000. I love blogging and making the web a better place. If I'm not here I'm probably playing Gears of War. LOL

Related Articles You Might Enjoy!

jQuery Tip #1 Tooltip jQuery Tip 1 Tooltip
Cool Picture SlideToggle jQuery Tip 5 Cool Picture SlideToggle
jQuery Tip 13 Modal Window jQuery Tip 13 Modal Window
Leave a comment

Leave a Reply