Problema con la propiedad de transición css

[mikehove]

Hola foroamigos de la web. Tengo dificultad con la propiedades de transición css.

Tengo este menú: [URL="http://jsfiddle.net/qJbwk/1/"]http://jsfiddle.net/qJbwk/1/[/URL]

La cuestión que aún no entiendo cómo lograr ese efecto que se desliza, pero en este caso cuando se pose en li "Views" aparezca las opciones hacia arriba y cuando salga el mouse de esa zona se oculte hacia abajo. Como muestro en esta imagen:



mikehove, saludos

[pzin]

Te bastaría con cambiar top por bottom en:

Código CSS:

.menu ul {
  position: absolute;
  top: 40px;
  ...
 

Luego adaptar lost :last-child por :first-child para el asunto de las esquinas redondeadas, y no sé si alguna cosa más.

[mikehove]

Hola Bonez:
Buenísima la ayuda aportada. Hice los cambios y lo único que falta es cuando se pose en el botón y aparezcan las opciones sea el efecto que se desliza hacia arriba y cuando salgo con el mouse se oculte hacia abajo.

Aquí se ve lo logrado hasta aquí: [URL="http://jsfiddle.net/qJbwk/3/"]http://jsfiddle.net/qJbwk/3/[/URL]


mikehove, saludos!

[pzin]

Partiendo de tu primer enlace, lo único que tenías que hacer era lo que ya te había dicho, así el efecto también sale hacia arriba al abrir y hacia abajo al cerrar.

[mikehove]

Bonez es verdad partí que salga hacia arriba el submenú. Y gracias a vos salió.
Lo que no pude explicar bien, es que además de eso, cuando se posa en botón se despliega hacia arriba (crece) y cuando uno sale se despliega (desliza, se va escondiendo) hacia abajo.

Habrá alguna solución para esto?

Demo: [URL="http://jsfiddle.net/qJbwk/3/"]http://jsfiddle.net/qJbwk/3/[/URL]

mikehove-saludos!

[pzin]

No entiendo.

Si quieres que se despliegue hacia arriba en vez de hacia abajo, entonces sólo era cambiar top por bottom.

[mikehove]

Bonez este es el ejemplo que necesito hacerlo con css, lo animé un poco con flash:

Demo: [URL="http://pruebajquery.site50.net/ejemplo.swf"]http://pruebajquery.site50.net/ejemplo.swf[/URL]

mikehove-saludos

[mikehove]

Sí Bonez tenés toda la razón. Que duró que fuí. Había puesto mal. Vos me dijiste que coloque "bottom" y lo había puesto pero mal escrito. Ahora lo corregí. Funciona, gracias!!! Y 1000 disculpas por lo insistente

mikehove- saludos