royklikavanie a schovanie menu kliknutim kdekolvek

zdravim,

viete mi poradit ako by sa dalo urobit nieco take: po kliknuti na h3 sa menu rozklikne a vlozi sa classa close a kliknutim na h3 alebo kdekolvek v body sa menu schova a prida sa classa open.

<div class="menu" id="menu">
<h3 class="open"><span>Menu</span></h3>
<ul>
<li>Polozka 1</li>
<li>Polozka 2</li>
</ul>
</div>

skusal som nieco take.

priklad

funguje to ale ak sa to zrusi mimo tlacitka tak stoho vznikne jeden click navyse. Mozte mi s tym pomoct? dakujem