<!DOCTYPE html>
<
html
lang="en">
<
head
>
<
title
>Bootstrap Collapse Demonstration</
title
>
<
meta
charset="utf-8">
<
meta
name="viewport" content="
width
=
device
-width,
initial-scale
=
1
">
<
link
rel="stylesheet" href=
<
script
src=
</
script
>
<
script
src=
</
script
>
<
script
src=
</
script
>
<
head
>
<
body
>
<
div
class="container">
<
h2
style="padding-bottom: 15px;">
Accordion
</
h2
>
<
div
id="accordion">
<
div
class = "card">
<
div
class = "card-header">
<
a
class = "card-link" data-toggle = "collapse"
href = "#description1">
GeeksforGeeks
</
a
>
</
div
>
<
div
id = "description1" class = "collapse show"
data-parent = "#accordion">
<
div
class = "card-body">
GeeksforGeeks is a computer science portal. It
is the best platform to lean programming.
</
div
>
</
div
>
</
div
>
<
div
class = "card">
<
div
class = "card-header">
<
a
class = "collapsed card-link" data-toggle = "collapse"
href = "#description2">
Bootstrap
</
a
>
</
div
>
<
div
id = "description2" class = "collapse"
data-parent = "#accordion">
<
div
class = "card-body">
Bootstrap is a free and open-source collection of
tools for creating websites and web applications.
It is the most popular HTML, CSS, and JavaScript
framework for developing responsive, mobile-first
web sites.
</
div
>
</
div
>
</
div
>
<
div
class = "card">
<
div
class = "card-header">
<
a
class = "collapsed card-link" data-toggle = "collapse"
href = "#description3">
HTML
</
a
>
</
div
>
<
div
id = "description3" class = "collapse"
data-parent = "#accordion">
<
div
class = "card-body">
HTML stands for Hyper Text Markup Language. It
is used to design web pages using markup
language. HTML is the combination of Hypertext
and Markup language. Hypertext defines the link
between the web pages. Markup language is used
to define the text document within tag which
defines the structure of web pages.
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>