In this section, we're going to be covering how to build a JavaScript accordion, so these are useful
components that you can include on your Web pages and websites.
The objective here is to get more familiar with hiding and showing elements and element manipulation,
as well as click events listening for those click events.
So what happens with an accordion is that you hover over the title, you can click it and it opens up
the rest of the content.
If you click any other part of the accordion, then that content opens up and you can adjust and tweak
this.
Sometimes you might want to keep them all open.
Sometimes you might want to close them.
So all of this is covered within the section.
How to build this from scratch, adding and hiding, showing different parts of the web, visible content.
So let's open this up and I'll show you how this works.
So I've got some placeholder content in here and I've got four different parts to the accordion, so
four different sections.
And you can add as many as you want.
So the code is dynamic, flexible, and it can update depending on how many sections you have within
the accordion.
So that's it.
So you click it, it opens up and you can see more content to try the same.