[Resolvido] Menu sanfonado

[Henrique Flausino 0]

Aeeeeeeeeeeeeeeeeeeeee http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Sei que sou chato e tenho muito o que aprender aqui, já esta funcionando 100%.

Agora vou testar uma forma de deixar ele sanfonado, ou seja, montar um script em cima dos ensinamentos do pessoal aqui para que mostre apenas a categoria e ao clicar mostre as subs.

 

Muito obrigado mesmo pessoal.

 

 

Att.

Henrique Flausino

[Henrique Flausino 0]

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 irá mostrar as subs.

 

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