Как открывать подменю при активном родителе?

Question

[blackbb]

Здравствуйте. Есть меню:

<ul class="menu">
<li class="first">
<a href="menu/pizza/">Пицца</a>
<ul class="sub-menu">
<li><a href="menu/pizza/30x20/">30x20</a></li>
<li><a href="menu/pizza/40x50/">40x50</a></li>
</ul>
</li>
<li class="active"><a href="menu/rolle/">Роллы</a></li>
<li><a href="menu/горячие-блюда/">Горячие блюда</a></li>
<li><a href="menu/напитки/">Напитки</a></li>
<li class="last"><a href="menu/салаты/">Салаты</a></li>
</ul>

Как сделать, чтобы подменю открывалось только после того, как родитель станет активным?

Answer 1

[blackbb]

ul.sub-menu {
    display: none;
}

ul.menu li.active ul.sub-menu {
    display: block;
}

Answer 2

[Олег]

toggle

Answer 3

[trushka]

a:active+ul {...}