-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
92 lines (89 loc) · 4.78 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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>jQuery</title>
</head>
<body>
<div class="faq">
<div class="item">
<h3 class="title">One</h3>
<div class="content" style="display: none">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
efficitur gravida sagittis. Nam eu felis quis lacus efficitur
tempus. Nullam ac consectetur diam. Proin rhoncus vel magna vitae
euismod. Vivamus ornare eleifend urna varius porttitor. Nulla ut
viverra ipsum. Vivamus vel varius diam, in semper velit. Nulla ac
justo hendrerit justo ultrices tincidunt porttitor ut neque.
</p>
</div>
</div>
<div class="item">
<h3 class="title">Two</h3>
<div class="content" style="display: none">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin
eleifend dolor turpis, non sodales quam tempor sit amet. Vestibulum
blandit tortor turpis, vitae finibus augue tempus eget. Fusce non
posuere libero. Donec eleifend suscipit facilisis. Donec id est
porta, ornare nunc sit amet, facilisis felis. Quisque nec dolor quis
tortor congue euismod. Ut viverra turpis nec lorem viverra lobortis.
Etiam nulla turpis, condimentum at nibh id, ultricies iaculis est.
Nam convallis leo enim. Maecenas nec turpis leo. Suspendisse
potenti. Donec convallis venenatis metus vitae ullamcorper.
Vestibulum mollis quam in magna vestibulum iaculis. Nulla at aliquet
tortor. Nulla ullamcorper libero consequat tellus facilisis, eu
imperdiet tortor interdum. Integer ullamcorper tristique tellus in
faucibus. Duis hendrerit erat quam, id porttitor nunc dignissim ut.
Nam urna nunc, commodo vel magna eu, bibendum scelerisque massa.
Curabitur eu lectus et diam scelerisque sollicitudin. Vestibulum
bibendum ac urna eget imperdiet. Suspendisse id mi eu enim porta
viverra nec eu quam.
</p>
</div>
</div>
<div class="item">
<h3 class="title">Three</h3>
<div class="content" style="display: none">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu
tellus at tellus semper ultricies nec ut quam. Praesent vitae
consectetur dolor. Mauris ullamcorper ultrices sagittis. Ut sed
lobortis purus, eleifend bibendum eros. Cras vehicula sagittis quam,
laoreet pellentesque elit faucibus eu. Phasellus sollicitudin lectus
id urna blandit efficitur. Vestibulum vestibulum elementum lorem sit
amet rhoncus. Curabitur et metus a velit consequat mattis. Praesent
varius turpis at odio tincidunt placerat. Aliquam vel magna id
turpis mattis hendrerit. Pellentesque ornare augue vitae porttitor
auctor. Curabitur gravida, orci at volutpat sodales, arcu quam
tempor felis, nec pharetra eros lectus tempus arcu. Phasellus
egestas, odio non maximus tincidunt, dui ex lacinia tortor, id
mollis dui neque ac arcu. Vivamus pulvinar convallis arcu. Orci
varius natoque penatibus et magnis dis parturient montes, nascetur
ridiculus mus. Praesent elementum sollicitudin fringilla.
Pellentesque sed dolor sed urna interdum laoreet ac et leo. Mauris
et ultrices magna. Fusce nec erat ipsum. Cras dictum urna non nunc
luctus, ut pellentesque ipsum accumsan. In aliquet orci id porta
gravida. Sed sit amet metus nisi. Curabitur nec rhoncus dui, ut
tempor elit. Donec ac mi ultrices, porta est eu, fermentum tortor.
Proin fringilla eleifend magna at eleifend. Nulla efficitur libero
enim, ut bibendum neque posuere id. Nam feugiat in erat sit amet
pulvinar. Vestibulum non tellus risus. Vivamus in blandit felis.
Praesent pharetra tellus sit amet hendrerit mollis. Nulla
condimentum diam id mattis aliquet. Morbi sed ornare nunc, et
fringilla enim. Vestibulum dolor lacus, fringilla iaculis
consectetur vitae, semper nec ipsum. Nunc scelerisque semper
sagittis. Nullam aliquet lacus pharetra augue vestibulum elementum.
Aenean egestas tellus vel nibh cursus, ut maximus risus molestie.
Aenean sodales nibh eget venenatis imperdiet.
</p>
</div>
</div>
</div>
<script src="jquery-3.6.0.min.js"></script>
<script src="script.js"></script>
</body>
</html>