Ocultar Subcategoria

Pessoal.

Agora tenho outra duvida, para falar a verdade não consegui fazer de novo :( .

Tem alguma maneira fácil de deixar o submenu oculto e só mostrar ao clicar na categoria?

Atualmente ele aparece assim:

• Receitas
• Light
• Diet
• Organicos
• Integrais
• Sem glúten
• Sem lactose
• Dicas
• Light
• Diet
• Organicos
• Integrais
• Sem glúten
• Sem lactose

Preciso que ele seja mostrado assim:

• Receitas
• Dicas

Somente depois que o cliente clicar na categoria que irá mostrar a subcategoria da mesma, as demais continuam ocultas.

Estou tentando com este código, porém só funciona para o 1º, por causa do nome.

Será que tem como implementar ele?

<?

require_once("include/conexao.php");
$sql = ("SELECT categoria.categoria, categoria.id, sub.id as sub_id, sub.subcategoria as sub_categoria FROM categoria, sub WHERE categoria.id = sub.id ORDER BY categoria.id");
$query = @mysql_query($sql);

$c=array();

while ($reg = mysql_fetch_assoc($query))
{

 $c[] = $reg;
}
mysql_close($conn);

$categorias = array();
foreach ($c as $categoria)

{

 extract($categoria);
 $sub = array();
 $sub["sub_id"] = $sub_id;
 $sub["subcategoria"] = $sub_categoria;
 $categorias[$id]["sub_categorias"][] = $sub;
 $categorias[$id]["id"] = $id;
 $categorias[$id]["categoria"] = $categoria;
}
unset($c);

?>
<script type="text/javascript">
up_down = function(img,body)

{
if(img.src.indexOf("up") > 0)
{

 img.src="arrow_down.gif";
 document.getElementById(body).style.display = "none";
 }
 else
 {
 img.src="arrow_up.gif";
 document.getElementById(body).style.display = "block";
 }
};
</script>
<?php if (count($categorias) > 0):?>
 <?php foreach ($categorias as $categoria):?>
 <ul>
 <li><?php echo $categoria["categoria"];?></li>
 <?php if (count($categoria["sub_categorias"]) > 0):?><img src="arrow_down.gif" onclick="up_down(this,'menuBody4');" alt="" title="" />
 <ul id="menuBody4" style="display:none">
 <?php foreach ($categoria["sub_categorias"] as $sub_categoria):?>
 <li><?php echo $sub_categoria["subcategoria"];?></li>
 <?php endforeach;?>
 </ul>
 <?php endif;?>
 </ul>
 <?php endforeach;?>
<?php endif;?>

Grato pela atenção.

Att.

Henrique Flausino