можно также на css, только в данном примере не могу разобраться как.
<style>
.onclick-menu {
position: relative;
display: inline-block;
}
.onclick-menu:before {
content: "click me!";
}
.onclick-menu:focus .onclick-menu-content {
display: block;
}
.onclick-menu-content {
position: absolute;
z-index: 1;
display: none;
}
</style>
<div tabindex="0" class="onclick-menu">
<ul class="onclick-menu-content">
<li><button onclick="alert('click 1')">Look, mom</button></li>
<li><button onclick="alert('click 2')">no JavaScript!</button></li>
<li><button onclick="alert('click 3')">Pretty nice, right?</button></li>
</ul>
</div>