Jquery插件用于悬停/突出显示功能

Question

我正在寻找一个执行以下用例的jQuery插件。

我正在构建一个菜单系统，该系统由固定在页面底部的60个左右的小矩形组成，这些菜单项我想链接到60个内容块。当用户在其中一个菜单矩形上徘徊时，我需要以某种方式突出显示页面上连接的内容块。

请参阅下面的这个模型，以便更好地了解我的意思：

我已经广泛搜索了一个可以处理下面的插件，我确实找到了官方的jQuery高亮功能，但发现它表现不佳。

Answer 1

对延迟道歉，我在这里做了一个非常基本的小提琴：http://jsfiddle.net/TcuGf/

基本上有很多隐藏类的元素，它们有css属性display：none，我做了一个非常粗略的悬停函数，它找到被翻转的隐藏元素的父元素，然后向下滑动隐藏元素。

显然你需要调整它以满足你的需要，但该功能应适用于所有容器。

这是功能：

$('.rect').hover(
   function(){
     $(this).find('.hidden').slideDown('slow');
   },
   function () {
     $(this).find('.hidden').slideUp('fast');
   }
);