bueno para mostrar y ocultar la capa con el mismo link habria que crear una funcion que compruebe si ya esta oculto entonces que lo muestre y si esta visible que lo oculte
ahi abajo te deje la funcion javascript ya insertada y bueno le hice los cambios en el codigo para que todo funcione directamente.... analiza el codigo y fijate si lo entendes
cualquier duda ya sabes donde consultar jajaj
suerte!
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>