Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Create an Accordion Menu with CSS!
You have completed Create an Accordion Menu with CSS!
Preview
Learn to create a content accordion menu using CSS. Content accordions are great for when space is limited and you have a lot of content that you want to present in a cleaner fashion.
Fork this workspace to follow along.
Related Videos
-
CSS Selectors - Treehouse course
- Element States Pseudo-Classes
-
Child, Adjacent, and General Sibling Combinators
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
In this treehouse workshop,
0:00
we are going to learn how to create
a content accordion using HTML and CSS.
0:01
Content accordions are great
when space is limited and
0:05
you have a lot that you wanna
present in a cleaner fashion.
0:08
For instance, if you had a bunch
of questions in the FAQ page.
0:11
By hiding the answers in a constant
accordion, more questions would be visible
0:14
on the screen at one time,
allowing them to be more easily scanned.
0:17
This is just one of many use cases for
accordions.
0:21
They've been around for a while,
and they are very popular.
0:24
Most solutions use Java Script
to handle toggles, but
0:27
we will be sticking with HTML and CSS.
0:29
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up