Web:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Ejemplo</title> <script type="text/javascript" src="jquery-1.2.6.min.js"></script> <script type="text/javascript"> <!-- function tagle(id){ $("#"+id).toggle("slow"); } --> </script> <style type="text/css"> <!-- .menu { margin: 0px; padding: 0px; list-style-type: none; } .sub-menu { margin: 0px; padding: 0px; list-style-type: none; display: none; } --> </style> </head> <body> <ul class="menu"> <li><a onclick="tagle('sub-1');" href="#">Menu1</a> <ul class="sub-menu" id="sub-1"> <li><a href="#">Sub 1</a></li> <li><a href="#">Sub 2</a></li> <li><a href="#">Sub 3</a></li> </ul> </li> <li><a onclick="tagle('sub-2');" href="#">Menu 2</a> <ul class="sub-menu" id="sub-2"> <li><a href="#">Sub 1</a></li> <li><a href="#">Sub 2</a></li> <li><a href="#">Sub 3</a></li> </ul> </li> </ul> </body> </html>
jquery-1.2.6.min:
Descarga
eso es todo si quieren ver un ejemplo yo lo eh utilisado en esta web :
L2 FoxDie
y si quieren ahorrarse tiempo aki les dejo el link para que lo descargen:
Descargar Menu Desplegable
bueno saludos espero que le sirba a algunos