ayuda: como utilizar HoverAccordion

franvalverde · #1 (**permalink**) 04/06/2010, 08:57

Quiero hacer un menu desplegable con un efecto de Jqwery llamado HoverAccordion. El caso es que no consigo lograrlo.

Toda la información la he sacado de:
[URL="http://berndmatzner.de/jquery/hoveraccordion/"]http://berndmatzner.de/jquery/hoveraccordion/[/URL]

esto es lo que yo he hecho por ahora:

1. Me descargado los dos archivos .js que ofrece la web anterior.
2. Este es mi codigo:

Código PHP:

  <head> 
 
<script type="text/javascript" src="jquery.hoveraccordion.js"></script> 
<script type="text/javascript" src="jquery.hoveraccordion.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
   $('#example1').hoverAccordion(); 
}); 
</script> 
 
</head> 
 
<body> 
 
<ul id="example1"> 
   <li><a href="#">Item 1</a> 
      <ul> 
           <li>Subitem 1a</li> 
      </ul> 
   </li> 
   <li><a href="#">Item 2</a> 
      <ul> 
           <li>Subitem 2a</li> 
      </ul> 
   </li> 
</ul> 
 
 
</body>

Pero lo unico que consigo es una lista sin ningun efecto. Los mensajes de error que me da el navegador son:

Código:

Detalles de error de página web

Agente de usuario: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; InfoPath.2; .NET CLR 2.0.50727)
Fecha: Fri, 4 Jun 2010 14:57:13 UTC


Mensaje: 'jQuery' is undefined
Línea: 25
Carácter: 1
Código: 0
URI: file:///C:/Documents%20and%20Settings/xp/Escritorio/Francis/webs/gestfincas/jquery.hoveraccordion.js


Mensaje: 'jQuery' is undefined
Línea: 10
Carácter: 1
Código: 0
URI: file:///C:/Documents%20and%20Settings/xp/Escritorio/Francis/webs/gestfincas/jquery.hoveraccordion.min.js


Mensaje: Object expected
Línea: 19
Carácter: 1
Código: 0
URI: file:///C:/Documents%20and%20Settings/xp/Escritorio/Francis/webs/gestfincas/p2.html

Por favor ayuda estoy muy pegado en javascript