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