Also, we'll look at the other component, which is the Accordion in Bootstrap.
How does an Accordion behave?
So this is an example of an Accordion that we're going to construct in the exercise
that follows.
So here, you'll see that I have replaced the tabbed navigation that we
did in the previous exercise by using an Accordion here.
The way the Accordion works is that one piece of content is revealed and
the remaining three are hidden.
So this uses the Collapse plugin for this purpose.
So when you click on any one of these other corporate leader's name,
then the details of that corporate leader gets revealed and
the remaining three gets hidden.
So this is the Accordion behavior here.
If you are familiar with an accordion,
the musical instrument, you know how the bellows of the accordion work.
So this is, in some sense, behaving like the bellows of the accordion.
So that's the reason why this component is referred to as an Accordion in Bootstrap.
One more example of the Collapse plugin in use is on your own course website.
So if you go to your course website, and
then you go into the content of your course website and
start viewing the content here, you will notice that on the left side,
you have a navigation that comes into picture on the left side.
So this is the navigation there.
So when you click on each one of them, you notice how the content in here
is hidden and revealed by clicking on each of these links there.
So this is like the Collapse plugin that we saw in Bootstrap.
Although, of course, the Coursera page actually doesn't use Bootstrap.
We'll move to the next exercise where we will see how we construct
the Accordion for showing our corporate leadership information.
[MUSIC]