Ich verbessere mal
<nav>
<ul>
<li>
<a href="#navgroup1">Item 1</a>
<ul id="navgroup1">
<li><a href="">Subitem 4</a></li>
<li><a href="">Subitem 5</a></li>
</ul>
</li>
...
Wenn man schon Links für labels verwendet, sollte man auch dessen Fähigkeiten nutzen.
Deshalb werte ich hier auch :target aus.
nav ul:target,
nav a:focus + ul,
nav a:hover + ul
{height:auto}