Mi menu funciona actualmente de la siguiente: muestra las categorias en una fila, al hacer click en una de ellas se despliegan las subcategorias.
Lo que quiero hacer hacer es que el despliege solo se haga una vez, por ejemplo si tengo 2 categorias hardware y software, si clikeo software se desplieguen sus subcategorias y si clickeo hardware se despliguen sus categorias pero que se oculten las subcategorias desplegadas anteriormente.
Espero me haya dejado entender aqui dejo mi codigo completo haber si me ayudan con la funcion en js
Código PHP:
<html>
<head>
<script>
function desplegar(id_div)
{
var capa = document.getElementById(id_div);
if(capa.style.display == 'none')
{
capa.style.display = 'block';
}
else
{
capa.style.display = 'none';
}
}
</script>
</head>
<body>
<h1>Productos</h1>
<?php
$conexion = mysql_connect('localhost','root','');
mysql_select_db('MENU');
$consultaCategorias = mysql_query("SELECT * FROM categoria;");
$menu_numero = 0;
while($categorias = mysql_fetch_array($consultaCategorias))
{
echo '<a href="#" onclick="desplegar(\'menu_'.$menu_numero.'\'); return false;">'.$categorias[nomcateg].'</a><br />';
$consultaProductos = mysql_query("SELECT * FROM producto WHERE codcateg = {$categorias[codcateg]};");
echo '<div id="menu_'.$menu_numero.'" style="display:none;">';
while($productos = mysql_fetch_array($consultaProductos))
{
echo '<a href="#">'.$productos[descripcion].'</a><br />';
}
echo '</div>';
$menu_numero++;
}
mysql_free_result($consultaCategorias);
mysql_close($conexion);
?>
</body>
</html>