更改jQuery Div悬停区域

我有一个jquery代码，它的工作原理是这样的…当你悬停在一个块上时，一个新的div向上滑动，一个红色块div淡出，然后当你离开悬停区域时，div向下滑动，红块div淡出。一切都很好，这里是jsFiddle:

http://jsfiddle.net/Gsghr/119/

唯一的问题是，当新的div向上滑动，上面写着"第一个项目需要向上切换"时，如果你的鼠标悬停在该div上，该div应该保持原位。相反，一旦你的鼠标离开"项目1"灰色块div的div区域，另一个div（上面写着"第一个项目必须向上切换"）就会消失。

我试着通过CSS更改div的悬停区域，但没有成功。。。

#coltab li:hover + #coltab ul li, #coltab ul li:hover {
display: block;
}

也许我做错了。但是，当您将鼠标悬停在显示"第一个项目需要切换"的div上时，它应该也能正常工作。该div应保持原位，而不是向后滑动。同样，这是jsfiddle，http://jsfiddle.net/Gsghr/119/如有任何帮助，我们将不胜感激。：）

此外，如果你连续多次悬停在div上，就会出现跳跃，悬停的整个功能甚至可能会出错，如果有人能解决这个问题或对此有解释，那将是非常棒的