menu sanfona com categoria e subcategoria

Prezados, estou chamando as categorias e subcategorias nas minhas paginas.
Gostaria que ao clicar na categoria, as subcategorias apareçam logo abaixo, para que aí sim ao serem clicadas levem ao post. Estou tentando desta forma:

<div id=”menu_lado”>

<?php wp_list_categories(); ?>

<script type=”text/javascript”>
$(function(){
$(“li ul”).hide();
$(“li ul:first”).show();
$(“ul li a”).click(function(){
$(“li ul”).slideUp();
$(this).next().slideToggle(‘slow’);
})
})
</script>
</div>

A estrutura html, verificando o codigo fonte fica desta forma:

<div id=”menu_lado”>

<li class=”categories”>Categorias

<li class=”cat-item cat-item-1″>Sem categoria
<ul class=’children’>
<li class=”cat-item cat-item-3″>teste2

<li class=”cat-item cat-item-2″>teste

<li class=”cat-item cat-item-4″>Textos
<ul class=’children’>
<li class=”cat-item cat-item-5″>Menestrel

<li class=”cat-item cat-item-6″>Texto teste