<!DOCTYPE html>
<html lang="en">
<head>
<link href=
rel="stylesheet" />
<script src=
</script>
</head>
<body>
<h1 class="m-4 text-success">
GeeksforGeeks
</h1>
<h4 class="ms-4">
Bootstrap 5 Accordion Always open
</h4>
<div class="container mt-4">
<nav class="navbar navbar-dark bg-dark">
<div class="container-fluid">
<button class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarToggleExternalContent">
<span class="navbar-toggler-icon"></span>
</button>
<div class="container collapse mt-4"
id="navbarToggleExternalContent">
<div class="accordion">
<div class="accordion-item">
<h2 class="accordion-header"
id="panelsStayOpen-headingOne">
<button class="accordion-button"
type="button"
data-bs-toggle="collapse"
data-bs-target="#alwaysOpenOne">
Data Structures
</button>
</h2>
<div id="alwaysOpenOne"
class="accordion-collapse show">
<div class="accordion-body">
<p>
A data structure is a group of data elements that
provides the easiest way to store and perform
different actions on the data of the computer.
A data structure is a particular way of organizing
data in a computer so that it can be used effectively.
The idea is to reduce the space and time complexities
of different tasks.
</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header"
id="panelsStayOpen-headingTwo">
<button class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#alwaysOpenTwo">
Algorithms
</button>
</h2>
<div id="alwaysOpenTwo"
class="accordion-collapse collapse">
<div class="accordion-body">
<p>
The word Algorithm means ” A set of finite rules or
instructions to be followed in calculations or other
problem-solving operations ” Or ” A procedure for
solving a mathematical problem in a finite number
of steps that frequently involves recursive operations”.
It can be understood by taking the example of cooking
a new recipe.
</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header"
id="panelsStayOpen-headingThree">
<button class="accordion-button collapsed"
type="button"
data-bs-toggle="collapse"
data-bs-target="#alwaysOpenThree">
BootStrap 5
</button>
</h2>
<div id="alwaysOpenThree"
class="accordion-collapse collapse">
<div class="accordion-body">
<p>
Bootstrap is a free and open-source collection of
CSS and JavaScript/jQuery code used for creating
dynamic websites layout and web applications.
Bootstrap is one of the most popular front-end
frameworks which has really a nice set of
predefined CSS codes. Bootstrap uses different
types of classes to make responsive websites.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
</div>
</body>
</html>