¿Cómo hacer un menú deslizante plegable usando js y css?

¡El siguiente código es el efecto que deseas! El estilo específico se puede modificar según sus necesidades:

lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "pared"

href ="#"gt;em tamaño

imágeneslt;/Agt;lt;/DDgt;

lt;/DLgt;lt;! --[if lte IE 6]gt;lt;/TDgt;lt;/TRgt;lt;/TBODYgt;lt;/TABLEgt;lt;/Agt;lt;![endif]--gt;

lt;LIgt;lt;! --[if lte IE 6]gt;lt;A

href="#"gt;

lt;TABLEgt;

lt;TBODYgt;

lt;TRgt;

lt;TDgt;lt;!DDgt; lt;A title="Enlace de rompecabezas"

href="#"gt;rompecabezas

linkslt;/agt;

lt;DDgt;lt;A title="enlace circular"

href="#"gt;circular

enlaceslt;/A gt;lt;/DDgt;

lt;/DLgt;lt;! --[si lte IE 6]gt;lt;/TDgt;lt;/TRgt;lt;/TBODYgt;lt;/TABLEgt;lt;/Agt;lt;! [endif]--gt;

lt;LIgt;lt;! --[if lte IE 6]gt;lt;A

href="#"gt;

lt;TABLEgt;

lt;TBODYgt;

lt;TRgt;

lt;TDgt;lt;![

lt;DL class=gallerygt;

lt;DTgt; lt;A

href="#"gt;LAYOUTSlt;/Agt;

lt;DDgt;lt;A title="Diseño fijo para varios navegadores"

href="#"gt; fijo

1lt;/agt;

lt;DDgt;lt;A title="Diseño fijo para varios navegadores"

href A title="Diseño fijo para varios navegadores"

href="#"gt;Fixed4lt;/Agt

lt;DDgt;lt;A title=" Simple diseño de ancho mínimo"

lt;DDgt;lt;A title="Diseño de ancho mínimo simple"

href="#"gt;Fijo 4lt;/agt;/ Agt p> href="#"gt;Ancho mínimo para Internet Explorer

Widthlt;/Agt;lt;/DDgt;

lt;/DLgt;lt;! --[si lte IE 6]gt;lt;/TDgt;lt;/TRgt;lt;/TBODYgt;lt;/TABLEgt;lt;/Agt;lt;! [endif]--gt；

lt；LIg

t;lt;! --[if lte IE 6]gt;lt;A

href="#"gt;

lt;TABLEgt;

lt;TBODYgt;

lt;TRgt;

lt;TDgt;lt;![

lt;DL class=gallerygt;

lt;DTgt; lt;A

href="#"gt;MOZILLAlt;/Agt;

lt;DDgt;lt;A title="Menú desplegable"

href ="#"gt;

Menú desplegable;/Agt;

lt;DDgt;lt;A title="Menú en cascada"

href= "#"gt; En cascada

Menú lt;/Agt

lt;DDgt; A title="Usar contenido:"

href; = "#"gt; Contenido:lt;/Agt;

lt;DDgt;lt Un título=": desplazamiento aplicado a div"

href="#"gt;mozzie

boxlt;/agt;

lt;DDgt;lt;A title="Puedo construir un arcoíris"

href="#"gt;rainbow

boxlt;/Agt;

lt;DDgt;lt;A title="Taco de billar"

href="#"gt;snooker

señal hecha usando borde artlt;/Agt;

lt;/DLgt;lt;! --[si lte IE 6]gt;lt;/TDgt;lt;/TRgt;lt;/TBODYgt;lt;/TABLEgt;lt;/Agt;lt;! [endif]--gt;lt;/LIgt;lt;/ULgt;lt;/DIVgt;

lt;/BODYgt;lt;/HTMLgt;

!