Menu c/ Accordion de Categorias

Olá amigos.

Estou querendo fazer um Menu com Categorias e Sub-Categorias, e em meu códigos está assim:

<div id="menu-produtos-e-servicos">
 <?php wp_list_categories('child_of=3&title_li=<h1>Produtos e Serviços</h1>');?>
</div>

E realizei o cadastro da
Categoria Produtos e Serviços, e da Subcategoria Alimento e outra subcategoria Bares e Cafés, uma subcategoria da outra.
Ficando assim: http://apartrj.com.br/teste/

gostaria de saber como fazer para que seja collaps, para a subcategoria Bares e Cafés, ficando abaixo de Alimento, só aparecendo ao clicar em Alimento.

não sei se me fiz entender, mas desde já agradeço a ajuda.