Sliding out a dropdown after lavalamp stop

Sliding out a dropdown after lavalamp stop

www.drippro.com/index.html

As you see,

I am implementing lava lamp navigation into bootstrap 3 and i already find a way to open a dropdown by hovering instead of clicking.

And i want it toanimate it as i animated in gif picture but i couldnt work slide up/down after lava lamp position is set.

http://imgur.com/5uOTq68

I am not good in javascript/jquery but i wanna do it as i imagine.I need your help.