Si l'animazione mi interessa, ma quello che non capisco è il funzionamento dell'hover.

Ho un link "APRI" se passo su di esso mi deve comparire un div con dei contenuti sotto il link.

Ho provato a fare semplicemente:

APRI
<div id="box">
contenuti
prodotti
</div>

Ora facendo semplicemente cosi scateno l'evento apertura del div sul passaggio del mouse sul link, fin qui tutto bene.
Il div deve scomparire se sono fuori dal div stesso e naturalmente fuori dal link.
Se applico onmouseout al link non va bene perchè a me serve che il div una volta comparso rimanga attivo, se invece applico onmouseout al div ed esco dalla sua area scompare e va bene, ma se sono sul link ed esco dall'area il div non scompare.
Insomma ho fatto un giro di parole assurdo ma quello che mi serve molto semplicemente e che il div scompare sull'evento onmouseout di entrambi (LINK e DIV).