-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
42 lines (38 loc) · 2.82 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>Accordion With jQuery</title>
</head>
<body>
<div class="container">
<div class="qest qest1">
<h1 class="head one">Lorem ipsum dolor sit amet.</h1>
<p class="par p_one">Par one : Lorem ipsum dolor sit amet consectetur, adipisicing elit. Atque maxime sunt quam delectus doloremque accusantium quos debitis velit officiis, laudantium nesciunt, architecto iure quidem provident numquam distinctio sint in autem soluta dolores veniam animi hic, tenetur pariatur? Consequuntur officiis non culpa corporis aspernatur. Delectus totam ipsa aspernatur, nihil laudantium sapiente?</p>
</div>
<div class="qest qest2">
<h1 class="head two">Lorem ipsum dolor sit amet.</h1>
<p class="par p_two">Par two : Lorem ipsum dolor sit amet consectetur, adipisicing elit. Atque maxime sunt quam delectus doloremque accusantium quos debitis velit officiis, laudantium nesciunt, architecto iure quidem provident numquam distinctio sint in autem soluta dolores veniam animi hic, tenetur pariatur? Consequuntur officiis non culpa corporis aspernatur. Delectus totam ipsa aspernatur, nihil laudantium sapiente?</p>
</div>
<div class="qest qest3">
<h1 class="head three">Lorem ipsum dolor sit amet.</h1>
<p class="par p_three">Par three : Lorem ipsum dolor sit amet consectetur, adipisicing elit. Atque maxime sunt quam delectus doloremque accusantium quos debitis velit officiis, laudantium nesciunt, architecto iure quidem provident numquam distinctio sint in autem soluta dolores veniam animi hic, tenetur pariatur? Consequuntur officiis non culpa corporis aspernatur. Delectus totam ipsa aspernatur, nihil laudantium sapiente?</p>
</div>
<div class="qest qest4">
<h1 class="head four">Lorem ipsum dolor sit amet.</h1>
<p class="par p_four">Par four : Lorem ipsum dolor sit amet consectetur, adipisicing elit. Atque maxime sunt quam delectus doloremque accusantium quos debitis velit officiis, laudantium nesciunt, architecto iure quidem provident numquam distinctio sint in autem soluta dolores veniam animi hic, tenetur pariatur? Consequuntur officiis non culpa corporis aspernatur. Delectus totam ipsa aspernatur, nihil laudantium sapiente?</p>
</div>
</div>
<!-- ADD jQuery CDN -->
<script
src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous">
</script>
<!-- ADD my jQuery CODE -->
<script src="js/script.js"></script>
</body>
</html>