<!DOCTYPE html>
<
html
>
<
head
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1"
>
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
div
class
=
"container"
>
<
h2
>Bootstrap collapse plugin</
h2
>
<
div
class
=
"panel-group"
id
=
"accordion"
>
<
div
class
=
"panel panel-default"
>
<
div
class
=
"panel-heading"
>
<
h4
class
=
"panel-title"
>
<
a
data-toggle
=
"collapse"
data-parent
=
"#accordion"
href
=
"#collapse1"
>
Collapsible Number 1
</
a
>
</
h4
>
</
div
>
<
div
id
=
"collapse1"
class
=
"panel-collapse collapse in"
>
<
div
class
=
"panel-body"
>
This is the message of collapse1.
</
div
>
</
div
>
</
div
>
<
div
class
=
"panel panel-default"
>
<
div
class
=
"panel-heading"
>
<
h4
class
=
"panel-title"
>
<
a
data-toggle
=
"collapse"
data-parent
=
"#accordion"
href
=
"#collapse2"
>
Collapsible Number 2
</
a
>
</
h4
>
</
div
>
<
div
id
=
"collapse2"
class
=
"panel-collapse collapse"
>
<
div
class
=
"panel-body"
>
This is the message of collapse2.
</
div
>
</
div
>
</
div
>
<
div
class
=
"panel panel-default"
>
<
div
class
=
"panel-heading"
>
<
h4
class
=
"panel-title"
>
<
a
data-toggle
=
"collapse"
data-parent
=
"#accordion"
href
=
"#collapse3"
>
Collapsible Number 3
</
a
>
</
h4
>
</
div
>
<
div
id
=
"collapse3"
class
=
"panel-collapse collapse"
>
<
div
class
=
"panel-body"
>
This is the message of collapse3.
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>