JQuery

Olá pessoal, fiz um menu, com sub-menus, e queria que quando o menu fosse clicado o submenu aparecesse, sei que é possivel, mais não to conseguindo, faz tempo que não escrevo em Jquery, alguém pode me ajudar? Ta ai o código:

<div id="menu">
 <div class="category">
 Acessórios
 <a href="#"><div class="subCategory">Teclados</div></a>
<a href="#"><div class="subCategory">HeadPhones</div></a>
<a href="#"><div class="subCategory">WebCam</div></a>
</div><!-- category -->

<div class="category">
 Processadores
 <a href="#"><div class="subCategory">Teclados</div></a>
<a href="#"><div class="subCategory">HeadPhones</div></a>
<a href="#"><div class="subCategory">WebCam</div></a>
</div><!-- category -->

<div class="category">
 Placas Mãe
 <a href="#"><div class="subCategory">Teclados</div></a>
<a href="#"><div class="subCategory">HeadPhones</div></a>
<a href="#"><div class="subCategory">WebCam</div></a>
</div><!-- category -->

<div class="category">
 Placas de Audio
 <a href="#"><div class="subCategory">Teclados</div></a>
<a href="#"><div class="subCategory">HeadPhones</div></a>
<a href="#"><div class="subCategory">WebCam</div></a>
</div><!-- category -->

<div class="category">
 Placas de Video
 <a href="#"><div class="subCategory">Teclados</div></a>
<a href="#"><div class="subCategory">HeadPhones</div></a>
<a href="#"><div class="subCategory">WebCam</div></a>
</div><!-- category -->
</div><!-- menu-->

Agradeço desde já, boa noite.