Jquery悬停延迟最好的方法？

Question

我正在努力找出使我的项目有效的最佳方法。

请查看我的bootply：http://www.bootply.com/119281（bootply，因为它用于引导项目）

以下是我希望它做的细分：

1. 在页面加载时，底部栏以“完整”高度可见。 如果5秒内没有鼠标进入，它将接近“中”高度，只显示标题。

2. 在鼠标悬停时，底栏将返回到页面加载时的“完整”高度。

3. 在鼠标输出时，在底栏进入“中间”高度之前会有一段延迟。

4. 当底栏处于“全”高度时，栏内的列也会有自己的动画。我正在使用css作为列动画。

我编码的那个是好的，但有点生涩（但有时只是）。

我想知道我这样做是否正确还是有另一种方法来实现这一点。任何帮助将不胜感激。

Mahalo提前！