codeup-web-exercises/jquery_faq.html at master · trevormullis12/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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<dl>
<!--    1-->
    <dt>Who is the director of the National Park Service?</dt>
    <dd>David Vela is the Deputy Director, exercising the authority of the Director of the National Park Service.</dd>
<!--    2-->
    <dt><br>How many employees are in the National Park Service?</dt>
    <dd>Permanent, temporary, and seasonal employees: Approximately 20,000</dd>
<!--    3-->
    <dt><br>How old is the National Park System?</dt>
    <dd>The National Park Service was created by an act signed by President Woodrow Wilson on August 25, 1916. Yellowstone National Park was established by an act signed by President Ulysses S. Grant on March 1, 1872, as the nation's first national park.</dd>
<!--    4-->
    <dt><br>How many areas are in the National Park System?</dt>
    <dd>The system includes 419 areas covering more than 85 million acres in every state, the District of Columbia, American Samoa, Guam, Puerto Rico, and the Virgin Islands. These areas include national parks, monuments, battlefields, military parks, historical parks, historic sites, lakeshores, seashores, recreation areas, scenic rivers and trails, and the White House.</dd>
<!--    5-->
    <dt>How many people visit the national parks?</dt>
    <dd>Total recreation visitors to the national parks in 2019: 327,516,619.</dd>
<!--    6-->
    <dt><br>Can I bring my pet to a national park?</dt>
    <dd>Some national parks welcome pets—in developed areas, on many trails and campgrounds, and in some lodging facilities.</dd>
<!--    7-->
    <dt><br>Can I bring my service dog to a national park?</dt>
    <dd>Yes, service dogs are legally permitted anywhere in a park that visitors can go.</dd>
<!--    8-->
    <dt><br>What are concessions?</dt>
    <dd>Concessioners provide park visitors with lodging, transportation, food services, shops, guiding, and other services. More than 480 NPS concession contracts in more than 100 different park units vary in size from small, family-owned businesses to national/international corporations.</dd>
<!--    9-->
    <dt>Where can I find a park map?</dt>
    <dd>You can view maps on specific park websites or find national park, National Park System, National Trails System, and other maps.</dd>
<!--    10-->
    <dt><br>What is the most-visited national park?</dt>
    <dd>Currently Golden Gate National Recreation Area</dd>

</dl>

    <a href="#">Show Answers</a>


<div class="container">
    <h3>Yellowstone</h3>
    <ul id="facts1">
        <li>Contains 67 species of mammals, including seven species of native ungulates and two species of bear.</li>
        <li>More than 1,800 known archeological sites.</li>
        <li>Eleven visitor centers, museums, and contact stations.</li>
        <li>More than 15 miles (24 km) of boardwalk, including 13 self-guiding trails.</li>
    </ul>
    <h3>Grand Canyon</h3>
    <ul id="facts2">
        <li>No known dinosaur bones have been found in the Grand Canyon</li>
        <li>The Grand Canyon is bigger than the state of Rhode Island.</li>
        <li>Humans have introduced non-native plant and animal species into the park.</li>
        <li>The Grand Canyon was carved over some 6 million years. </li>
    </ul>
    <h3>Hawaii Volcanoes National Park</h3>
    <ul id="facts3">
        <li>Kilauea lies east of Mauna Loa and is considered to be Earth’s most active volcano.</li>
        <li>An additional 115,788 acres were added to Hawaii Volcanoes National Park in 2004, which brought it to its current 323,431 acre size.</li>
        <li>There are 59 endangered species living in Hawaii Volcanoes National Park.</li>
        <li>More than 2.5 million people visit Hawaii Volcanoes National Park each year to experience the ever-changing landscape.</li>
    </ul>
</div>

<button type="button" id="last-fact">Highlight Last Fact</button>

<script src="js/jquery-2.2.4.js"></script>
<script>
    $('dd').addClass('invisible');
    $('.invisible').css('visibility', 'hidden');
    $('a').on('click', function () {
        if($('.invisible').css('visibility') == 'hidden') {
            $('.invisible').css('visibility', 'visible');
            $('a').html('Hide Answers');
        } else {
            $('.invisible').css('visibility', 'hidden');
             $('a').html('Show Answers');
        }
    });

    $('#last-fact').click(function() {
        $('#facts1').children().last().css('background-color', 'yellow');
        $('#facts2').children().last().css('background-color', 'yellow');
        $('#facts3').children().last().css('background-color', 'yellow');
    });

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

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

</script>
</body>
</html>