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!

jQuery Tip 14 Testimonial Slideshow jQuery Tip 14 Testimonial Slideshow
jQuery Tip 15 Dynamic Tooltip jQuery Tip 15 Dynamic Tooltip
jQuery Tip 13 Modal Window jQuery Tip 13 Modal Window
Leave a comment

Leave a Reply