codeup-web-exercises/jquery_faq.html at main · chininchu/codeup-web-exercises · GitHub

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
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <style>
        .invisible {
            visibility: hidden;
        }


    </style>

</head>
<body>

<p class='MainHeading'>Frequently Asked Questions About the National Parks:</p>

<dl>
    <dt>Who Manages America’s National Parks?</dt>
    <dd class='invisible'>The national parks are managed by the National Park Service (NPS), which also oversees
        numerous national monuments, historic sites, memorials, historical parks, lakeshores and seashores. The National
        Park Service itself is a bureau of the Department of the Interior (DOI).
    </dd>

    <dt>What Is a National Park?</dt>
    <dd class='invisible'>The National Park Service defines “national parks” as follows: “Generally, a national park
        contains a variety of resources and encompasses large land or water areas to help provide adequate protection of
        the resources.”
    </dd>

    <dt>How Old Is America’s National Park System?</dt>
    <dd class='invisible'>Officially, the National Park System dates from August 25, 1916, which is the day President
        Woodrow Wilson created the National Park Service.

    </dd>

    <dt>How Many National Parks Are There?</dt>
    <dd class='invisible'>National parks are just one of many designations in the National Park System. In total, there
        are 423 National Park Service units..
    </dd>

    <dt>What Does the National Park Service Logo Mean?</dt>
    <dd class='invisible'>The logo of the National Park Service represents the different aspects of America’s National
        Park System.
    </dd>

    <dt>How Many People Visit America’s National Parks Every Year?</dt>
    <dd class='invisible'>The most visited national park is Great Smoky Mountains National Park in North Carolina and
        Tennessee, which welcomed 14.1 million visitors in 2021.
    </dd>

    <dt>What Is the Least Visited National Park?

    </dt>
    <dd class='invisible'>The least visited national park is Gates of the Arctic National Park and Preserve in Alaska.
        No more than 7,362 people journeyed there in 2021.
    </dd>

    <dt>What Is the Oldest National Park?</dt>
    <dd class='invisible'>The first national park ever established in the United States, and the entire world, is
        Yellowstone National Park. It was created by President Ulysses S. Grant on March 1, 1872.
    </dd>

    <dt>What Is the Youngest National Park?

    </dt>
    <dd class='invisible'>The largest national park in America is Wrangell-St. Elias National Park and Preserve in
        southeastern Alaska.
    </dd>

</dl>

<a href="#" id="click">Click here!</a>


<h3 class="Heading-1">Yosemite National Park</h3>
<ul id="park-1">
    <li>Yosemite might be our nation’s 3rd national park, but it sparked the idea of national parks</li>
    <li>Yosemite’s granite rock formations glow like fire at sunset</li>
    <li>Yosemite is home to one of the tallest waterfalls in the world</li>
    <li>Yosemite sees almost 3/4 of its visitors in six months</li>


</ul>

<h3 class="Heading-2">Yellowstone National Park</h3>

<ul id="park-2">
    <li>Yellowstone encompasses 3,472 square miles (2,221,766 acres)</li>
    <li>There are more than 10,000 hydrothermal features in Yellowstone</li>
    <li>Yellowstone is home to more than 500 active geysers</li>
    <li> About 290 waterfalls can be found throughout Yellowstone’s 2.2 million acres</li>

</ul>

<h3 class="Heading-3">Glacier National Park</h3>

<ul id="park-3">
    <li>Glacier National Park is a part of the world’s first international peace park</li>
    <li>Glacier straddles the Continental Divide, allowing for extreme weather</li>
    <li>Going-to-the-Sun Road is a spectacular marvel and a must see on your trip to Glacier</li>
    <li>Glacier holds over 700 miles of hiking trails</li>
</ul>

<button id="button" type="button">Interesting Fact</button>


<script src="https://code.jquery.com/jquery-3.6.4.min.js"
        integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
<script>
    "use strict";

    $('#click').click(function (event) {

        $('dd').toggleClass('invisible');

    });


    $('#button').click(function () {

        $('ul').each(function () {
            $(this).children().last().css('background-color', 'yellow');
        })
    });


    $('h3').click(function () {
        $('h3').next().css('font-weight', 'bold');


    })

    $('li').click(function () {
        $(this).parent().children().first().css('color', 'blue');

    })


</script>

</body>
</html>