Diseño web | Creación web | Emenia

Blog

Blog sobre programación y diseño en la web

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<ul class="navegador">
  <li><a href="#" class="desplegable" title="Venta">Venta</a>
    <ul class="subnavegador">
      <li><a href="#" title="Viviendas">Viviendas</a></li>
      <li><a href="#" title="Aparcamientos">Aparcamientos</a></li>
    </ul>
  </li>
  <li><a class="desplegable" href="#" title="Alquiler">Alquiler</a>
    <ul class="subnavegador">
       <li><a href="#" title="Viviendas">Viviendas</a></li>
    </ul>
  </li>
  <li><a href="#" title="Oficinas">Oficinas</a></li>
  <li><a href="#" title="Ofertas">Ofertas</a></li>
  <li><a href="#" title="Oficina de Ventas">Oficina de Ventas</a></li>
</ul>

1
2
3
4
5
6
7
8
9
10
11

<script type="text/javascript">
  $(document).ready(function(){ // Script del Navegador
    $("ul.subnavegador").not('.selected').hide();
    $("a.desplegable").click(function(e){
      var desplegable = $(this).parent().find("ul.subnavegador");
      $('.desplegable').parent().find("ul.subnavegador").not(desplegable).slideUp('slow');
      desplegable.slideToggle('slow');
      e.preventDefault();
    })
 });
</script>

5 Comentarios a “Creando un menú vertical desplegable con jQuery (2)”:

1. Eugenia dice:

   Junio 10, 2010 en 9:05 pm

   Puse a funcionar en una web un menú desplegable armado con jquery. El problema es que ahora se han incorporado muchos contenidos nuevos y cada vez que agrego algo debo agregar botones al menú. Por ende actualizar los y de cada HTML. ¿Hay alguna forma de llamar un archivo externo al HTML, que contenga todo el desarrollo del menú? Así podría actualizar solo un archivo de menú cada vez que se necesita.

   ¡Gracias!
2. Juan Diaz-Bustamante dice:

   Junio 11, 2010 en 8:18 am

   Hola Eugenia,
   ¿Sabes programar en PHP? Hacer lo que me dices en PHP es muy sencillo, simplemente con un include llamarías a la parte del menú.
3. pablo dice:

   Junio 25, 2010 en 4:18 am

   que tal Juan!
   Gracias por compartir conocimiento. Te cuento, estoy haciendo un menú acordeón con jquery bastante parecido al que indicas en este post, este lo estoy aplicando a una plantilla wordpress. El problema que me tiene urgido es que necesito, que al pinchar un link del submenu desplegado, este no desaparezca y que a la vez quede activo al abrirse la pagina (link) correspondiente.
   Espero hacerme entender y que te animes a explicar esto, (si no es muy complejo y mucha mi patudez), he estado buscando la solución, pero…

   desde ya, muchas gracias!
4. Joaco dice:

   Agosto 1, 2010 en 9:10 pm

   Hola, no entendí muy bien. Dónde debo pegar cada código? Estoy al tanto de tu respuesta.
5. Xabi dice:

   Septiembre 6, 2010 en 4:47 pm

   Hola Juan,

   Gracias por compartir tus conocimientos. Me funciona bien tu menu, pero le veo una pega. Es lo mismo que comenta Pablo. Estaria bien que mientras no cambiemos de submenu el mismo no desaparezca, que siga abierto hasta que abramos otro submenu.

   En otro articulo ya pones como seria la logica pero como no se programar en jquery pues no lo puedo. Estaria bien que nos pudieras explicar o dar alguna pista. Si no es mucho pedir.

   Gracias de todas formas!

Archivo

Categorías

codigoytrucos.com

Artículos más populares

Últimos comentarios