<!DOCTYPE html>
<
html
lang="en">
<
head
>
<
meta
charset="utf-8">
<
meta
name="viewport"
content="
width
=
device
-width,
initial-scale
=
1
">
<
link
rel="stylesheet" href="
<
link
rel="stylesheet"
integrity=
"sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ"
crossorigin="anonymous">
<
script
src="
</
script
>
<
script
src="
</
script
>
<
script
src=
</
script
>
</
head
>
<
body
>
<
center
>
<
div
class="container">
<
h1
style="color:green;padding:13px;">
GeeksforGeeeks
</
h1
>
<
br
>
<
div
id="accordion btn-group">
<
button
type="button"
class="card-btn btn btn-info"
data-toggle="collapse"
data-target="#collapseOne">
<
b
class="header-title float-left">
Menu#1</
b
>
<
i
class="fas fa-plus float-right "></
i
>
</
button
>
<
button
type="button"
class="card-btn btn btn-warning"
data-toggle="collapse"
data-target="#collapseTwo">
<
b
class="header-title float-left">
Menu#2</
b
>
<
i
class="fas fa-plus float-right "></
i
>
</
button
>
<
button
type="button"
class="card-btn btn btn-danger"
data-toggle="collapse"
data-target="#collapseThree">
<
b
class="header-title float-left">
Menu#3</
b
>
<
i
class="fas fa-plus float-right "></
i
>
</
button
>
<
div
id="collapseOne" class="collapse">
<
div
class="card-body">
<
b
>Menu#1</
b
>
<
br
/>
<
p
class="text-info">
GeeksforGeeks is a Computer Science portal
for geeks. It contains well written, well
thought and well explained computer science
and programming articles, quizzes etc.
</
p
>
</
div
>
</
div
>
<
div
id="collapseTwo" class="collapse">
<
div
class="card-body">
<
b
>Menu#2</
b
>
<
br
/>
<
p
class="text-warning ">
GeeksforGeeks is a Computer Science portal
for geeks. It contains well written, well
thought and well explained computer science
and programming articles, quizzes etc.
</
p
>
</
div
>
</
div
>
<
div
id="collapseThree" class="collapse">
<
div
class="card-body">
<
b
>Menu#3</
b
>
<
br
/>
<
p
class="text-danger">
GeeksforGeeks is a Computer Science portal
for geeks. It contains well written, well
thought and well explained computer science
and programming articles, quizzes etc.
</
p
>
</
div
>
</
div
>
</
div
>
</
div
>
</
center
>
<
script
>
$('.card-btn').click(function() {
$(this).find('i').toggleClass('fas fa-plus fas fa-minus')
});
</
script
>
</
body
>
</
html
>