Comunidad oficial de diseñadores web, web developers y Webmasters. Aqui podemos tratar temas actuales sobre diseño y tecnología. Podemos compartir y actualizarnos. Photoshop, Flash, PHP, ASP, Java, HTML, CSS, MySQL, CMS, etc. Unite YA y lee los Sticky

Ver más
  • 13,065 Miembros
  • 9,531 Temas
  • 3,449 Seguidores
  • 0

[JQuery] Menu Acordeon

Hola comunidad, esta vez tengo una duda sobre un menu de tipo acordeon, estoy utilizando Jquery, ya lo tengo armado. El tema es que lo que necesito es que al seleccionar un elemento del menu, y tras cargar la página esa parte del menu (la desplegada) quede en ese mismo estado. Pero no se como generar el evento click sobre ese elemento automáticamente.

No se si me expliqué bien, cualquier cosa pregunten.

Salu2 y +Bytes.
  • 0
  • 0Calificación
  • 0Seguidores
  • 287Visitas
  • 0Favoritos

6 respuestas

@man_in_flames dijo Hace más de 3 meses:

le podrias agregar una clase "actual" que tenga display=block

@ZABUNGA dijo Hace más de 3 meses:

Nose si te entendi bien decime si me equivoco.
Vos estas en el menu, elegis la opcion (por ejemplo) 3 y al cargar la pagina vos queres que siga estando en la 3?
Eso creo que lo podes manejar con cookies.

@fullvice dijo Hace más de 3 meses:

mira, es muy facil, si tenes un evento que se es


$("#menu_acordeon").click(function(){
   tu codigo aca;
});


y lo que decis que no sabes es como llamar a ese ".click()" lo que tenes que hacer es esto


$("#menu_acordeon").click();


Es asi de facil como mirar la documentacion que te brinda jQuery.com

Lo que hace es hacer "click" sobre $("#menu_acordeon" y como ya tenia seteado un evento (el click) al poner solo ".click();" llama al evento click.

@pichoncitotv dijo Hace más de 3 meses:

$('#acordeon li')
    .click( function () {
        $('#acordeon li').hide();
        $(this).slideDown(400);
        localStorage['acordeonLast'] = $(this).index('#acordeon');
    })
    .load( function () {
        if(localStorage['acordeonLast']) {
            $('acordeon li:eq('+ localStorage['acordeonLast'] +')').trigger('click');
        }
    });


Espero se entienda la idea.

Tienes que ser miembro para responder en este tema