Foros del Web - Ver Mensaje Individual - Jquery

emma93 · #1 (**permalink**) 30/03/2011, 20:25

Tengo el siguiente código donde utilizo Jquery (estoy comenzando).

Pero resulta que tengo un problema: Este código solo me funciona en Internet Explorer. Probándolo en Google Chrome y en Firefox no me despliega el menú (ver ejemplo en IE).

Aquí el código:

Código HTML:

Ver original<html>
<head>
<title>Aprendiendo Jquery</title>
<script src="jquery-1.3.min.js" type="text/javascript"></script>
<script language="Javascript">
 
$(function(){
    $('ul.subnavegador').hide();
        $('a.desplegable').toggle(
            function(){
                $(this).parent().find('ul.subnavegador').slideDown('fast');
            },
            function(){
                $(this).parent().find('ul.subnavegador').slideUp('normal');
            });
    });
</script>
<style type="text/css">
#submenu {
    margin-left:-40px;
}
a {
    color:white;
}
a:hover {
    color:red;
}
#menu {
    width:180px;
    background-color:black;
}
li {
padding:3px;
border: 1px solid white;
list-style:none;
display:block;
}
</style>
</head>
<body>
<ul id="menu">
<li><a href="#">Inicio</a></li>
<li><a href="#" class="desplegable">Servicios -></a></li>
<ul class="subnavegador">
<li><a href="#">Paginas web</a></li>
<li><a href="#">Cocina</a></li>
<li><a href="#">Restaurant</a></li>
<li><a href="#">Coca Cola</a></li>
</ul>
<li><a href="#">Quienes somos</a></li>
<li><a href="#" class="desplegable">Menu con Submenues 2 -></a></li>
<ul class="subnavegador">
<li><a href="#">Sub menu 1</a></li>
<li><a href="#">Sub  menu 2</a></li>
</ul>
</ul>
</body>
</html>

Gracias