LUCiD GRAFiX Logo

Video tutorials
YouTube RSS Feed
Search

VIDEO TUTORIAL

jQuery Tip 6 Accordion

*Set the video to HD for best viewing experience.
Written by Posted on August 22nd, 2013 No Comments
Share This

jQuery Tip 6 Accordion

This a cool accordion that can be used for all kinds of things, In this example I’m using it for a FAQs section.

What we are doing is hiding a section and using the h3 as a way to toggle the content that you are hiding.

Markup

CSS

jQuery

If you haven’t checked out emmet.io yet. Here you go! 

I hope this helps on a project.

and as always…

Happy Coding!

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!

Photo swap jQuery Tip 2 Photo Swap
jquery animated menu jQuery Animated Menu
Text Size Modifier jQuery Tip 4 Text Size Modifier
Leave a comment

Leave a Reply