Cómo hacer un menú desplegable expandible

don_pope · #1 (**permalink**) 20/12/2010, 18:32

Estimados, tengo un problemilla.

Tengo realizado un menú desplegable vertical (CSS + JS) que muestra una seeeeerie de productos en una página web. Como son tantos productos, al momento de desplegarse ocupa mucho espacio en la pantalla, por lo cual, no es estético, entonces, mi lo que necesito es hacer que el menú sea, además, expandible, es decir, que no muestre inmediatamente todos los productos, sino que al hacer clic en un especie de flecha (por ejemplo), vaya desplegando los productos que faltan por mostrar... no he sabido hacer ésto :(

Porfaaaaaa, necesito ayuda, ya que es urgente, plissss

KurozakiIchigo · #2 (**permalink**) 20/12/2010, 19:35

Mira este post de Mikmoro
http://www.forosdelweb.com/2442074-post1.html

Aunque solo usa CSS.

don_pope · #3 (**permalink**) 21/12/2010, 19:36

Cita:

Iniciado por KurozakiIchigo

Mira este post de Mikmoro
http://www.forosdelweb.com/2442074-post1.html

Aunque solo usa CSS.

Hola, sí, están buenos, podré sacar algunas ideas de ahí, pero no es lo que necesito, ya que como son tantos productos los desplegados por el menú, ocupa toda la pantalla, y eso no se ve bien, entonces, la idea es que aparte que sea menú desplegable, éste se pueda expandir o "bajar", así como le hacemos con el scrollbar, pero sin scrollbar :S

KurozakiIchigo · #4 (**permalink**) 21/12/2010, 22:44

Claro que pudieses hacer lo que pides con este ejemplo:

cuando el visitante de clic a la pestaña PRODUCTOS.
Se despliegue un menu con solamente 6 opciones, que sean "5 PRODUCTOS" y la sexta opcion diga "MÁS" y al dar clic a "MAS" se despliegue otro menu y se oculten los primeros 5 productos.

Claro que es posible, trata con el codigo y usando ideas, arma el menu con estas funciones.

armandoweb · #5 (**permalink**) 22/12/2010, 15:47

Hola:

Creo que si son muchos productos deberias tratar de mostrarlos con distintos submenus para no "cansar" al visitante que seguramente deberá hacer varios o muchos clicks hasta llegar a lo que busca. Esto que te menciono es pensando en la usabilidad del menu.

Tal vez un menu desplegable organizado en varias columnas que no deba hacer muchos clicks.

Aqui algunos ejemplos:

http://www.javascriptkit.com/script/...megamenu.shtml
http://www.cssplay.co.uk/menus/multi-column.html

Espero haberte ayudado.

Saludos.