codeup-web-exercises/jquery_faq.html at main · marcusmz/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
<!DOCTYPE html>
<html>
<head>
    <title>National Park FAQ's</title>
    <style>.invisible {
        visibility: hidden;
    }
    </style>
</head>
<body>

<h3>Top Ten Questions about Glacier National Park </h3>
<hr>

<dl>

<dt>1. Where is Glacier National Park located? </dt>
<dd>Glacier National Park is located in northwestern Montana on the U.S./Canadian border. Access to the park from the east and west is along U.S. Highway 2. Park headquarters is located in West Glacier.
</dd>

    <dt>2. When is the park open? </dt>
    <dd>Glacier National Park is open year-round, 24 hours a day. In the fall winter and spring, some roads are inaccessible by car due to snow. </dd>

    <dt>3. What does it cost to enter the park?</dt>
    <dd>Glacier National Park is open year-round, 24 hours a day. In the fall winter and spring, some roads are inaccessible by car due to snow.</dd>

    <dt>4. Where are the closest airports to the park? Is there transportation from the airports to the park?</dt>
<dd>Glacier Park International Airport in Kalispell, Montana is 25 miles west of park headquarters in West Glacier, Montana.</dd>

    <dt>5. What is the closest train station to the park?</dt>
<dd>Amtrak rail lines parallel the southern and southwestern borders of the park. Amtrak stops at West Glacier (Belton), East Glacier (summer only), and Essex (upon request).</dd>

    <dt>6. What transportation is available within the park?</dt>
    <dd>In addition to private automobiles, guided tours are available in the main sections of the park. Contact Glacier Park, Inc. and Sun Tours for information (see addresses and telephone numbers below). Rental cars are available in neighboring communities.</dd>

    <dt>7. Where are the visitor centers located in the park?</dt>
    <dd>Visitor centers are located in Apgar, Logan Pass, and St. Mary. Each of these visitor centers, as well as the Many Glacier and Two Medicine Ranger Stations, have park rangers on duty throughout the summer months to answer questions and provide information. During the winter months, Apgar Visitor Center is open on week-ends.</dd>

    <dt>8. Do you have campgrounds in the park? Can I make a reservation?</dt>
<dd>Glacier National Park has 13 campgrounds, which provide just over 1000 campsites. Most of the campgrounds are operated on a "first come, first serve" basis. Fish Creek and St. Mary Campgrounds will be available for reservation by calling 1-800-365-2267. Click here for more detailed information on camping.</dd>

    <dt>9. Is it possible to reserve a backcountry campsite?</dt>
<dd>Reservations for backcountry campsites may be made in advance, beginning April 1 for the upcoming summer. For further information on backcountry camping and for making reservations, visit our website section on Backcountry Camping.</dd>

<dt>10. Can I drive my RV along the Going-to-the-Sun Road?</dt>
<dd>Vehicles, and vehicle combinations, longer than 21 feet (including bumpers) or wider than 8 feet (including mirrors) are prohibited between Avalanche Campground and the Sun Point parking area. You may however, drive to Avalanche if traveling east, and to Sun Point, if traveling west. Vehicles over 10 feet in height may have difficulty driving west from Logan Pass due to rock overhangs. Stock trucks and trailers may access Packers Roost and Siyeh Bend.</dd>
    <a href="#" id="toggle-answers">Toggle Answers</a>
    <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
    <script>

        $(function() {
            "use strict";

            // TODO: add jQuery such that when the link is clicked, the visibility of the dd elements will be toggled
            $('#toggle-answers').click(function () {
                $('dd').toggleClass('invisible');
            });

        });

    </script>
    <br>
    <br>

    <h3>Denali National Park</h3>

    <ul>
        <li>DNP is home to the highest peak in North America, Denali. Called "The High One" in language of the Athabascan tribe, this towering peak stands at 20,320 feet above sea level.</li>
        <li>The year of 1910 marked the first time that anyone had successfully summited Denali. It was a group of local residents who celebrated with hot chocolate and donuts.</li>
        <li>Sable Pass inside DNP is known to be the best area to spot massive grizzly bears.</li>
        <li>There are 169 different bird species, 39 mammal species, 14 fish species, and one species of amphibian known in Denali, whilst the park is also home to 1,500 species of vascular plants, lichens and mosses.</li>
    </ul>
    <h3>Yellowstone National Park</h3>
    <ul>
        <li>World's First National Park.</li>
        <li>A designated World Heritage Site and designated Biosphere Reserve.</li>
        <li>3,472 square miles or 8,987 square km.</li>
        <li>96 % in Wyoming an 3 % in Montana.</li>
    </ul>
    <h3>Yosemite National Park</h3>
    <ul>
        <li>El Capitan is the largest granite monolith in the world. It rises more than 3,000 feet above the valley floor and is a favorite for experienced rock climbers.</li>
        <li>Yosemite Falls: This is the tallest waterfall in North America. Snow runoff cascades down the 2,425 foot drop, with peak flow in May. In winter, an ice cone is often visible at the top of the falls.</li>
        <li>Giant Sequoias and Mariposa Grove: Mariposa Grove contains about 500 mature giant sequoias. </li>
        <li>There are 840 miles of trails to hike in Yosemite National Park</li>
    </ul>

<button>Click Here</button>

    <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
    <script>
        $('button').on('click', function () {
            $('ul').each(function(){
                $(this).children().last().css('background-color', 'cornsilk');
            });
        });

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

        $('li').on('click', function() {
            $(this).parent().children().first().css('color', 'blue');
            });
    </script>


</dl>
</body>

</html>