solved drop down double click issue

README.md

@@ -3,11 +3,10 @@
 ![LittleLink](https://cdn.cottle.cloud/littlelink/social-circle.png)
 
 LittleLink is a lightweight DIY alternative to services like [Linktree](https://linktr.ee)
-and [many.link](https://many.link/). I forked this to publish as a project page using github and will add additional logos which I need but not necessarily everyone else. 
+and [many.link](https://many.link/). I forked this to publish as a project page using github and will add additional logos which I need but not necessarily everyone else.
 
 NOTES FOR ME:
-Change colors via: `skeleton-light.css` or `skeleton-dark.css` to the HEX values of your choosing. 
+Change colors via: `skeleton-light.css` or `skeleton-dark.css` to the HEX values of your choosing.
 Automatic theme option: You can also set your CSS to `skeleton-auto.css`, which will use the system theme of the device you visit on.
 
-
+This branch will be used for development so that the main branch will function as the website itself.
-

css/dropdown.js

@@ -1,3 +1,7 @@
+// to do:
+// - menus need to be clicked twice to open
+// - clicking on window does not result in menu closing
+
 function PRlist() {
   var click = document.getElementById("PR");
   if(click.style.display ==="none") {

index.html

@@ -107,7 +107,8 @@
 
         <div class="dropdown">
           <button onclick="PRlist()" class="dropbtn">Professional Resources<img class="icon" src="images/downarrow.png"></button>
-          <div id="PR" class="dropdown-content">
+          <!-- style="display:none" eliminates needing to click twice to first open the drop down menu -->
+          <div id="PR" style="display:none" class="dropdown-content">
             <!-- Resume -->
             <a class="button button-github" href="images/Andrews_Resume_2022.pdf" target="_blank" rel="noopener">
                 <img class="icon" src="images/icons/resume.png">Resume</a>
@@ -133,7 +134,8 @@
 
         <div class="dropdown">
           <button onclick="PLTlist()" class="dropbtn-PLT"><img class="icon" src="images/icons/PLT.png">Pro Lacrosse Talk<img class="icon" src="images/downarrow.png"></button>
-          <div id="PLT" class="dropdown-content">
+          <!-- style="display:none" eliminates needing to click twice to first open the drop down menu -->
+          <div id="PLT" style="display:none" class="dropdown-content">
             <!-- Put here spotify links and links to an article or two!
             Also change the PLT font color in the drop down field -->
             <a class="button button-spotify" href="https://open.spotify.com/show/1wvPf4MiVvv6HY7tIGcdYJ?si=c3a123beab884c64" target="_blank" rel="noopener">
@@ -173,6 +175,7 @@
     </div>
   </div>
 
+  <!-- javascript added for drop down menus -->
   <script type="text/javascript" src="css/dropdown.js">
   </script>