JavaScript - Problema en menu desplegable vertical

   
Vista:

Problema en menu desplegable vertical

Publicado por alexix (1 intervención) el 14/04/2010 00:44:23
Hola que tal, soy nuevo en el foro asi que no se bien si estoy postiando en el lugar correcto!!!

El tema es el siguiente:

Tengo un menu vertical desplegable en javascrip andando. Funciona asi:

Imagen 1 (muestra)

http://www.sebastianplano.com.ar/imagenes/menu1.jpg

la imagen muestra el primer estado del menu, ahora el usuario puede seleccionar alguno de los link (topmanger-manager-puesto de trabajo-etc)...

y se despliega el menu de esta manera:

imagen 2 (muestra)

http://www.sebastianplano.com.ar/imagenes/menu2.jpg

en el ejmplo yo aprete sobre top-manager.

bueno, ahora cuando yo selecciono alguna de las subcategorias por ejemplo (linea batata - linea elena - linea eco) hago una consulta a la base de datos y me trae los resutados de la consulta como en la siguiente imangen

http://www.sebastianplano.com.ar/imagenes/menu3.jpg

Y aca esta el problema del menu. Resulta que como se ve en la imagen la subcategoria (linea batata - linea elena - linea eco) se me cierra, y la idea es que sigan abiertos ya que el menu es gigante y esta echo dinamicamente porque el usuario puede cargar productos por un administrador y crear subcategorias.

Siquisiera saber como puedo lograr con el javascrip este efecto, o en que parte le estoy errando en mi javascrip.

Codigo javascrip del menu :

Hola que tal, soy nuevo en el foro asi que no se bien si estoy postiando en el lugar correcto!!!

El tema es el siguiente:

Tengo un menu vertical desplegable en javascrip andando. Funciona asi:

Imagen 1 (muestra)

[IMG]http://www.sebastianplano.com.ar/imagenes/menu1.jpg[/IMG]

la imagen muestra el primer estado del menu, ahora el usuario puede seleccionar alguno de los link (topmanger-manager-puesto de trabajo-etc)...

y se despliega el menu de esta manera:

imagen 2 (muestra)

[IMG]http://http://www.sebastianplano.com.ar/imagenes/menu2.jpg[/IMG]

en el ejmplo yo aprete sobre top-manager.

bueno, ahora cuando yo selecciono alguna de las subcategorias por ejemplo (linea batata - linea elena - linea eco) hago una consulta a la base de datos y me trae los resutados de la consulta como en la siguiente imangen

[IMG]http://www.sebastianplano.com.ar/imagenes/menu3.jpg[/IMG]

Y aca esta el problema del menu. Resulta que como se ve en la imagen la subcategoria (linea batata - linea elena - linea eco) se me cierra, y la idea es que sigan abiertos ya que el menu es gigante y esta echo dinamicamente porque el usuario puede cargar productos por un administrador y crear subcategorias.

Siquisiera saber como puedo lograr con el javascrip este efecto, o en que parte le estoy errando en mi javascrip.

Codigo javascrip del menu :

Hola que tal, soy nuevo en el foro asi que no se bien si estoy postiando en el lugar correcto!!!

El tema es el siguiente:

Tengo un menu vertical desplegable en javascrip andando. Funciona asi:

Imagen 1 (muestra)

[IMG]http://www.sebastianplano.com.ar/imagenes/menu1.jpg[/IMG]

la imagen muestra el primer estado del menu, ahora el usuario puede seleccionar alguno de los link (topmanger-manager-puesto de trabajo-etc)...

y se despliega el menu de esta manera:

imagen 2 (muestra)

[IMG]http://http://www.sebastianplano.com.ar/imagenes/menu2.jpg[/IMG]

en el ejmplo yo aprete sobre top-manager.

bueno, ahora cuando yo selecciono alguna de las subcategorias por ejemplo (linea batata - linea elena - linea eco) hago una consulta a la base de datos y me trae los resutados de la consulta como en la siguiente imangen

[IMG]http://www.sebastianplano.com.ar/imagenes/menu3.jpg[/IMG]

Y aca esta el problema del menu. Resulta que como se ve en la imagen la subcategoria (linea batata - linea elena - linea eco) se me cierra, y la idea es que sigan abiertos ya que el menu es gigante y esta echo dinamicamente porque el usuario puede cargar productos por un administrador y crear subcategorias.

Siquisiera saber como puedo lograr con el javascrip este efecto, o en que parte le estoy errando en mi javascrip.

Codigo javascrip del menu :

//menu
$('#productos_list > li > ul').hide().addClass('subcategoria');
$('#productos_list > li > ul:visible').hide();

var linea_actual = $('input#linea_actual_value').val();
if(linea_actual!=""){
$('#prod_'+linea_actual).addClass('activeClass').parent().show().parent().parent().show();
}

$('#productos_list > li > a').click(function(e){
e.preventDefault();

$('#productos_list > li > ul:visible').slideUp();
if($(this).next().is(':visible')){
$(this).next().slideUp();
}else{
$('#productos_list > li > ul:visible').slideUp();
$(this).next().slideDown();
}
});

si alguien puede darme una mano seria excelente.
Muchas gracias!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder