Imite la barra de menú en la página de inicio de la versión móvil de Sina, haga clic en la flecha para expandir, haga clic en la flecha de la página de inicio y busque el efecto js sin cambiar la estructura y el estilo.

Hay muchos métodos. Te escribiré uno sencillo. Puedes cambiar el CSS y el HTML tú mismo.

html:

& ltdiv? class="demo " >>p>

& ltAnswer? clase="abierto"? href = " # " & gtDesarrollo

& ltAnswer? clase="cerrar"? href = " # " >Close

</div >css:

. demostración {ancho:? 500px de altura:? 100 px;margen:? ¿100 píxeles? Automático;Fondo:? # 0075d5 Ubicación:? Relativo;}

. ¿Manifestación? un {Color:? # posición fff:? Absolutamente; cierto:? 10px; abajo:? 10px;}

. ¿Manifestación? . Cerrar {mostrar:? Ninguno;}jQuery:

$(".open"?).click(function(){

$(this?).hide().siblings(.close) " ?).show();

$(".show"?).animation({height:'300px'}, 200);

¿Devolver? >

});

$(".Intimate"?).Click(function(){

$(esto?).Ocultar().Hermanos hermanas(.

abrir "?).show();

$(".show"?).animate({height:'100px'}, 200);

¿Devolver? false;

});