vysunutí obsahu

Jak by jsem měl při kliknutí vysunout obsah? Myslím, že je to něco s oncloc nebo něco takového.

Chcu to na tomto:
<font color="black">Fotogalerie</font></a><a id="stenata" href="/fotogalerie/fotostene.php"><font color="black"> Štěňata</font></a><a href="/fotogalerie/fotovystava.php"><font color="black">Výstavy</font></a><a href="/fotogalerie/dospeli.php"><font color="black">Dospělí psi</font></a>
Při kliknutí na fotogalerii se májí zobrazit ty 3 odkazy.

Nějak sem to z toho nepochopil. Myslel jsem to nějak tak: Fotogalerie:
- Štěňata
- Výstavy
- Dospělí psi
To se rozbalí při kliknutí na záložku Fotogalerie

Je to nějak tak?:
<button type="button" class="button" onclick="this.parentNode.parentNode.childNodes[1].style.display = ''; this.parentNode.style.display = 'none';" title=""><font color="#000000" size="1"><b>Fotogalerie</b></font></button></div><div id="spoiler" style="display: none;">&nbsp;<br>

<a id="stenata" href="/fotogalerie/fotostene.php"><font color="black"> Štěňata</font></a><a href="/fotogalerie/fotovystava.php"><font color="black">Výstavy</font></a><a href="/fotogalerie/dospeli.php"><font color="black">Dospělí psi</font></a>

</div>