quick fix

Author: darkninja1

index.html

@@ -105,10 +105,10 @@ <h1>Learn Orienteering</h1>
       <video width="320" height="240" poster="images/icon.png" controls>
         <source src="video_sound/learn.mp4" type="video/mp4">
       </video>
-      <h2>Double Click to View</h2>
+      <h2>Click to View</h2>
       <div class="textblock" onclick="dropdown(this);"><h3>What is Orienteering?</h3><p1>Orienteering is a group of sports that involve using a map and compass to navigate from point to point in diverse and usually unfamiliar terrain whilst moving at speed. Participants are given a topographical map, usually a specially prepared orienteering map, which they use to find control points. Originally a training exercise in land navigation for military officers, orienteering has developed many variations. Among these, the oldest and the most popular is foot orienteering. For the purposes of this article, foot orienteering serves as a point of departure for discussion of all other variations, but almost any sport that involves racing against a clock and requires navigation with a map is a type of orienteering. (<a href='https://en.wikipedia.org/wiki/Orienteering'>Learn More</a>)</p1></div>
       <!-- <div class="textblock" onclick="dropdown(this);"><h3></h3><p></p></div> -->
-      <div class="textblock" onclick="dropdown(this);"><h3>Goal</h3><p1>Go from point to point listed on a map, in order, as fast as possible. Starting from the triangle and moving sequentially then ending on the double circle.</p1></div>
+      <div class="textblock" onclick="dropdown(this);"><h3>Goal of Orienteering?</h3><p1>Go from point to point listed on a map, in order, as fast as possible. Starting from the triangle and moving sequentially then ending on the double circle.</p1></div>
       <div class="textblock" onclick="dropdown(this);"><h3>How to use a Map?</h3><p1>When you first look at an orienteering map you will notice small squigly lines all over the map. These lines are called contour lines. Countour lines represent increments in elevation, the closer they are together the steeper the incline. This is because each contour line is spaced apart by exactly the same amount. Maps on this course only really include cotour lines and some roads which may be helpful for finding controls. You can try matching your enviornment to the contour lines and if you face the map the same direction it becomes a replacement for a compass.</p1></div>
       <div class="textblock" onclick="dropdown(this);"><h3>How to use a Compass?</h3><p1>Hold your compass flat with the direction of travel arrow pointing away from you and directly at the landmark. Now rotate the bezel (outer ring/dial) until the magnetized needle is inside the orienting arrow (orienting arrow should be below the red needle). Look at the index line to read the bearing you've just captured keep the compass facing the same direction (make sure that there are no items near you that will effect the magnet: mainly large metal objects.)<img src='/EagleProject/images/compass.jpg' onclick="window.open(this.src, '_blank');"/></p1></div>
       <div class="textblock" onclick="dropdown(this);"><h3>How to use a Map and Compass in combination?</h3><p1>To use a compass and a map is really quite simple, we will take the previous example on how to use a compass and apply it to the map. So first make sure you map is pointing north (red needle on compass) and the compass is facing the same direction as the map. Now keeping the map pointing north move the side of the compass to align with a line between your location and a control point. Now rotate the compass dial or outer ring just as you did before in how to use a compass. Whatever way the compass is pointing should be the direction to your next point. (important you must move in a straight line otherwise the bearing will be incorrect and you will end up somewhere entirely else).</p1></div>

js/script.js

@@ -470,14 +470,14 @@ const updateCourseInfo = function() {
 
 // -------------load in stuff------------ //
 const dropdown = function(e) {
- if (e.getElementsByTagName("p1")[0].style.display == "none") {
-   e.getElementsByTagName("p1")[0].style.display = "block";
-   e.getElementsByTagName("h3")[0].style.borderRadius = "10px 10px 0px 0px";
- }
- else {
-   e.getElementsByTagName("p1")[0].style.display = "none";
-   e.getElementsByTagName("h3")[0].style.borderRadius = "10px";
- }
+  if (e.getElementsByTagName("p1")[0].style.display != "block") {
+    e.getElementsByTagName("p1")[0].style.display = "block";
+    e.getElementsByTagName("h3")[0].style.borderRadius = "10px 10px 0px 0px";
+  }
+  else {
+    e.getElementsByTagName("p1")[0].style.display = "none";
+    e.getElementsByTagName("h3")[0].style.borderRadius = "10px";
+  }
 };
 const sharebtn = document.getElementById("shareButton");
 sharebtn.addEventListener("click", async () => {