Lío con transition para desplegar <ul>

[Linton]

Veamos, tengo este sencillo trozo de código:

Código HTML:

<div>
    Productos
   <ul>
     <li>Uno</li>
     <li>Dos</li>
     <li>Tres</li>
  </ul>
</div>
 

Y quiero que se despliegue leeentamente, después de ponerle un display:none por defecto y un display:block para hover.

He probado a poner transition: 1s all ease-in-out en varios sitios, pero nada. ¿Cómo se hace?

Gracias, un saludo.

[pzin]

display no se puede animar.

Si quieres que se despliegue tendrás que currártelo un poco más.

[Linton]

Aaaaah vaya, pues a currárselo entonces. ¡Gracias!