menu com javascript

[Vinny789]

Falae povo... blza? Seguinte...

Estou trabalhando com um menu abre e fecha em Javascript em cima de um sistema de categorias e subcategorias dinamico, com php e mysql.

Queria ele fechado e quando clicasse ele fosse aberto, até ai Ok.

Ta funcionando legalzinho, só com um único problema. Tenho q colocar display:none; no div dele para que as subcategorias fiquem escondidas e quando clicar nas categorias apareçam as subs, até ai tranquilo, funcionando.

Infelizmente por irnonia do destino ele não esta me mostrando todas as subcategorias, me mostra somente 1 por categoria.

Coloquei on line 2 modelos:

Com o display (http://189.126.11.73/~newcampi/menucom.php)

Sem o display (http://189.126.11.73/~newcampi/menusem.php)

Alguém poderia m ajudar?

Abaixo segue o codigo com display ativo:

java script:

<script language="javascript" type="text/javascript">
function abrefecha(o) {
if(document.getElementById(o).style.display=='none') {
document.getElementById(o).style.display='block';
 } else {
document.getElementById(o).style.display='none';
  }
 }
      </script>

CONSULTA DAS CATEGORIAS E SUB'S

<?php

$mysqli = new mysqli('localhost', 'newcampi_user', '2010', 'newcampi_banco');

$sql = "SELECT id, categoria FROM tabela_categorias where pid = 0 ORDER BY categoria ASC";

        $query = $mysqli->query( $sql );

        $li='<ul class="categoria">'."\n";
        while( $dados = $query->fetch_object() )
        {

            $li .= "<span onclick=\"java script:abrefecha('menu".$dados->id."');\"><font face='Verdana' color='#242299'><span style='font-size:9pt;'>".'<li><img src=imagens/setsubcat.gif width=12 height=15 border=0>  '.$dados->categoria.''."</span>";

            $sql = "SELECT id, categoria FROM tabela_categorias WHERE pid = " . intval($dados->id) . " ORDER BY categoria";

            $query2 = $mysqli->query( $sql );
            $li .= '<ul class="subcategoria">';
            while($dadosPid = $query2->fetch_object()){
                $li .= "\n<div id=menu".$dados->id." style='display: none;'><li>&nbsp;&nbsp;&nbsp;&nbsp;<a href='produtos.php?id=".$dadosPid->id."'><img src='imagens/setcat.gif' width='12' height='15' border='0'>".$dadosPid->categoria.'</li>'."</a></DIV>\n\n";

            }
            $li .= '</ul>';

            $li .= '</span></font></li>'."";
        }

        echo $li.'</ul>';

?>

;)