-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathjquery_faq.html
More file actions
184 lines (147 loc) · 5.93 KB
/
Copy pathjquery_faq.html
File metadata and controls
184 lines (147 loc) · 5.93 KB
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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Definition List</title>
</head>
<style>
.invisible {
visibility: hidden;
}
.highlight {
background-color: greenyellow;
}
.colorYellow {
background-color: yellow;
}
.bold {
font-weight: bold;
}
.colorBlue {
color: blue;
}
</style>
<body>
<div class="top-div">
<h1>Would you like to sign up for our newsletter?</h1>
<span class="clear-out" style="font-weight:bold">
X
</span>
</div>
<dl>
<dt>Andromeda</dt>
<dd>- The Andromeda Galaxy, also known as Messier 31, M31, or NGC 224 and originally the Andromeda Nebula, is a
barred spiral galaxy approximately 2.5 million light-years from Earth and the nearest major galaxy to the Milky
Way.
</dd>
<dt>Betelgeuse</dt>
<dd>- Betelgeuse is usually the tenth-brightest star in the night sky and, after Rigel, the second-brightest in the
constellation of Orion. It is a distinctly reddish semiregular variable star whose apparent magnitude, varying
between +0.0 and +1.6, has the widest range displayed by any first-magnitude star.
</dd>
<dt>Ceres</dt>
<dd>- Ceres is the largest object in the main asteroid belt that lies between the orbits of Mars and Jupiter. With a
diameter of 940 km, Ceres is both the largest of the asteroids and the only dwarf planet inside Neptune's orbit.
It is the 25th-largest body in the Solar System within the orbit of Neptune.
</dd>
<dt>Deimos</dt>
<dd>- Deimos is the smaller and outermost of the two natural satellites of Mars, the other being Phobos. Deimos has
a mean radius of 6.2 km and takes 30.3 hours to orbit Mars. Deimos is 23,460 km from Mars, much further than
Mars's other moon, Phobos.
</dd>
<dt>Europa</dt>
<dd>- Europa, or Jupiter II, is the smallest of the four Galilean moons orbiting Jupiter, and the sixth-closest to
the planet of all the 79 known moons of Jupiter. It is also the sixth-largest moon in the Solar System.
</dd>
<dt>Fortuna</dt>
<dd>- Fortuna (minor planet designation: 19 Fortuna) is one of the largest main-belt asteroids. It has a composition
similar to 1 Ceres: a darkly colored surface that is heavily space-weathered with the composition of primitive
organic compounds, including tholins.
</dd>
<dt>Ganymede</dt>
<dd>- Ganymede, a satellite of Jupiter, is the largest and most massive of the Solar System's moons. The
ninth-largest object in the Solar System, it is the largest without a substantial atmosphere. It has a diameter
of 5,268 km, making it 26% larger than the planet Mercury by volume, although it is only 45% as massive.
</dd>
<dt>Hyperion</dt>
<dd>- Hyperion, also known as Saturn VII, is a moon of Saturn discovered by William Cranch Bond, George Phillips
Bond and William Lassell in 1848. It is distinguished by its irregular shape, its chaotic rotation, and its
unexplained sponge-like appearance. It was the first non-round moon to be discovered.
</dd>
<dt>IO</dt>
<dd>- Io, or Jupiter I, is the innermost and third-largest of the four Galilean moons of the planet Jupiter. It is
the fourth-largest moon in the Solar System, has the highest density of all of them, and has the lowest amount
of water of any known astronomical object in the Solar System.
</dd>
<dt>Jupiter</dt>
<dd>- Jupiter is the fifth planet from the Sun and the largest in the Solar System. It is a gas giant with a mass
one-thousandth that of the Sun, but two-and-a-half times that of all the other planets in the Solar System
combined.
</dd>
</dl>
<button type="button" class="switch-definition" id="display-definition">Toggle Definitions</button>
<h3 class="class-header" id="national-parks-heading-one">Arches</h3>
<ul class="parks" id="national-parks-one">
<li>Awesome</li>
<li>Lots of land</li>
<li>Tons to do</li>
<li>Fun hiking</li>
<li>Lots to see</li>
</ul>
<h3 class="class-header" id="national-parks-heading-two">Badlands</h3>
<ul class="parks" id="national-parks-two">
<li>Awesome</li>
<li>Lots of land</li>
<li>Tons to do</li>
<li>Fun hiking</li>
<li>Lots to see</li>
</ul>
<h3 class="class-header" id="national-parks-heading-three">Carlsbad Caverns</h3>
<ul class="parks" id="national-parks-three">
<li>Awesome</li>
<li>Lots of land</li>
<li>Tons to do</li>
<li>Fun hiking</li>
<li>Lots to see</li>
</ul>
<button type="button" class="switch-background" id="parks-button">Toggle Color</button>
<script src="js/jquery-2.2.4.js"></script>
<script>
$(document).ready(function () {
"use strict";
$('dd').addClass('invisible');
$('#display-definition').click(function () {
$('dd').toggleClass('invisible');
});
$('dt, dd').click(function () {
$(this).toggleClass('highlight');
});
$('#parks-button').click(function () {
$('ul').each(function () {
$(this).children(':last').toggleClass('colorYellow');
});
});
$('.class-header').click(function () {
$('li').each(function () {
$(this).parent().children().toggleClass('bold');
});
});
$('li').click(function () {
$('.parks').each(function () {
$(this).children(':first').toggleClass('colorBlue');
});
});
$('.clear-out').click(function () {
$('.top-div').toggleClass('invisible');
});
$('.parks').addClass('invisible');
$('.class-header').click(function () {
$('.parks').toggleClass('invisible');
});
setTimeout (function(){
$('body').prepend('<h2>Please register for our site!</h2>')
}, 8000);
});
</script>
</body>
</html>