1
00:00:00,450 --> 00:00:06,920
In this example we've created a collapsible list group when we click the heading the list appears with

2
00:00:06,920 --> 00:00:16,040
three items in the footer creating this is very similar to our last example looking at the code block.

3
00:00:16,050 --> 00:00:17,730
It's nearly identical.

4
00:00:17,910 --> 00:00:28,600
The only difference is that we create an unordered list in the div that contains our panel content and

5
00:00:28,610 --> 00:00:37,990
you can see the other element here you will element is assigned the class list group inside the UL element.

6
00:00:38,010 --> 00:00:48,100
We have three list items each list item has the class list group item followed by the content so you

7
00:00:48,100 --> 00:00:51,290
can see that we have item 1 item 2 in Item 3.

8
00:00:51,970 --> 00:00:54,330
And that's what's displayed in our panel.