podrías utilizar transition del CSS3 pero habría que considerar la incompatibilidad con IE, reitero el utilizar jquery seria mi solución, o esperar que algún otro usuario responda esperando conozca alguna otra alternativa que no sea jquery o CSS3
si te interesa hacerlo con transition de CSS3 seria mas o menos así:
Código CSS:
Ver original#menu-wrapper ul li ul{
display:none;
-webkit-transition: all 0.3s ease;/*navegadores webkit*/
-moz-transition: all 0.3s ease;/*firefox*/
-o-transition: all 0.3s ease;/*opera*/
transition: all 0.3s ease;/*Navegadores que soporten transition CSS3*/
}
#menu-wrapper ul li ul:hover,#menu-wrapper ul li:focus ul, #menu-wrapper ul li:active ul {
background-color:#AAEA71;
display: block;
}