CSS: Menue per Klick auf ein image aufklappen

[Linuchs]

Moin,

ich wende Klappmenüs an, die per CSS :hover ausklappen.

Doch wie funktioniert das per CSS, wenn das Menu per Klick ausfahren soll?

Struktur:

<div id="navigation" style="border: .1pt dotted #ccc;">
  <img class="ic cur_pointer" src="/img/icon_menu.png" alt="Menu" title="Menu" />
  <div>
    <p>Kapitel A</p>
    <p>Kapitel B</p>
    <p>Kapitel C</p>
  </div>
</div>

CSS:

div#navigation {
  display: inline-block;
  positon: relative;
}
div#navigation div {
  display: inline-block;
  visibility: hidden;
  position: absolute;
  top: 5em;
  right: 5px;
}
div#navigation:hover div {
  visibility: visible;
}

Linuchs