JSFiddle - React, Tailwind, and code Playground
HTML
<button onclick="dropDown()">Show options</button>
<ul id="dropdown">
<li><a href="google.com">Option 1</a></li>
<li><a href="google.com">Option 2</a></li>
<li><a href="google.com">Option 3</a></li>
<li><a href="google.com">Option 4</a></li>
</ul>
CSS
#dropdown{
}
#dropdown * {
}
JavaScript
var x = 0;
function dropDown(){
if(x == 0){
document.getElementById("dropdown").style.display="none";
x = 1;
}else{
document.getElementById("dropdown").style.display="block";
x = 0;
}
}