No replies
rogerg's picture
Last seen: 1 year 16 weeks ago
Timezone: GMT+2
Joined: 2021-05-31
Posts: 1
Points: 2

Hello all,

I am in the process of creating a css-only dropdown menu. This is the code I have now:

	{ display: none;
.hide:focus + .show
	{display: block;
	{display: none;
	{display: none;
.hide:focus ~ #roger
	{display: block;

<a href="#" class="hide">menu</a><a href="#" class="show">menu</A>
<div id="roger">items</div>

Works perfectly well in Firefox and Explorer (Win 10), but not in Edge (and probably Chromium?). The latter browser only shows the menu for a fraction of a second. Sad Does anyone have any idea why this happens? And what can I do about it? Any help would be greatly appreciated.

Thank you very much,