ik ben al een hele dag bezig geweest met googlen maar ik kon geen gepast antwoord vinden, dus vandaar dat ik hier mijn heil kom zoeken.
Ik wil graag voor een website:
1 knop (<a>) die bij een mouseover een divje laat zien dat vlak onder em staat.
In dat divje zit een inputveld en een knop (zoekfunctie).
Voorbeeld:

Divje zichtbaar on mouseover
Als ik nu met de muis weg ga van het opengeklapt divje, dan moet die div na een kleine vertraging vanzelf verdwijnen. Het liefst moet het zo geïmplementeerd dat als javascript uitstaat het divje gewoon zichtbaar word.
Nou heb ik redelijk wat verstand van CSS, maar helaas ben ik niet zo'n javascript goeroe.
Wie kan mij hiermee opweg helpen?