solved drop down double click issue

This commit is contained in:
brian 2022-10-25 11:16:13 -04:00
parent 3605738bf5
commit aaa216f899
3 changed files with 12 additions and 6 deletions

View file

@ -9,5 +9,4 @@ NOTES FOR ME:
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.

View file

@ -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") {

View file

@ -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>