¿Cómo usar jquery para tener un menú oculto desplegable en la parte superior de la página?

StackOverflow https://stackoverflow.com/questions/1647288

Pregunta

He visto esto antes, pero no estoy seguro de cómo hacerlo.

Cuando se carga mi página, quiero que una sección oculta se despliegue en la parte superior de la página (probablemente alrededor de 100 píxeles de altura). Idealmente, me gustaría que también desplazara toda la página hacia abajo (en lugar de aparecer en la parte superior de la página). En la esquina superior del área secreta debe haber un botón 'Cerrar', que al hacer clic hace que la página real se deslice hacia arriba y cubra la sección.

Sé que hay un nombre para esto, pero no estoy seguro de cuál es. Supongo que está relacionado con jquery.

¿Alguien puede señalarme en la dirección correcta?

¿Fue útil?

Solución

Lookup jquery show, debería funcionar bien: http://docs.jquery.com/Effects/ mostrar 

<div id="hiddenMenu" style="display:none"> bla bla bla </div>

<a href="#" onclick="$('hiddenMenu').show('slow'); return false;">show the hidden menu</a>

Otros consejos

StackOverflow lo tiene, y es básicamente un <div> que aparece justo después de la etiqueta <body> de apertura. Simplemente peina apropiadamente cuando lo necesites.

Bueno, hay un complemento de UI llamado Diálogo que utilizo mucho. Sin embargo, es una ventana emergente, pero se mostrará incluso si el usuario se desplaza hacia abajo en la página.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top