Codigo PHP (ignorar la cant de echo sin sentido)
<!DOCTYPE html>
<html lang="en">
<head>
<?PHP
require_once ("inc/html.head.php");
?>
<meta charset="utf-8">
<title>Vertical Navigation Menu: CSS3 Coded</title>
<link rel="stylesheet" href="css/styles.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/funcion.js"></script>
</head>
<body>
<div id="wrapper" >
<ul class="menu">
<?PHP
$sql= "SELECT * FROM categoria WHERE idpadre=0";
$res= mysql_query ($sql,$cnx);
while($padre=mysql_fetch_assoc($res)){
echo " <li class='item1'>";
echo"<a href=''>".$padre['nombre']."";
echo'</a>';
echo "</li>";
$sql2= "SELECT * FROM categoria WHERE idpadre>0 AND idpadre =".$padre['id'];
$res2= mysql_query ($sql2,$cnx);
while($hijo=mysql_fetch_assoc($res2)){
echo "<ul >";
echo"<li class='subitem1'>
<a href=''>".$hijo['nombre']."<span>14</span></a></li>";
echo"</ul> ";
}
}
?>
</ul>
</div>
</body>
</html>
Funcion JAVA.
$(function() {
var men
l= $('.menu > li > ul'),menu_a = $('.menu > li > a');
men
l.hide();menu_a.click(function(e) {
e.preventDefault();
if(!$(this).hasClass('active')) {
menu_a.removeClass('active');
men
l.filter(':visible').slideUp('normal');$(this).addClass('active').next().stop(true,true). slideDown('normal');
} else {
$(this).removeClass('active');
$(this).next().stop(true,true).slideUp('normal');
}
});
});
Saludos
