Javascript jquery bind（）绑定到不需要的元素

我有一个

ul

，每个

li

都有一行图像，我正试图将一个函数绑定到每个

li

，以便在

'mouseenter'

上显示图像行，在

'mouseout

上，图像行消失……我调用

bind（）

在每个

li

中的

div上，基于一个
#id
，以便它们独立工作。
一切正常，除了bind函数似乎将每个离散函数绑定到各自的
div
，然后再绑定到它下面的每个后续
li
，但不在上面，因此当我在下面的列表项（当前已折叠）中向下移动鼠标时，聚焦的图像行闪烁进出…如果我有一个较低的图像行取消折叠（一次只能取消折叠一个），并将鼠标移到“上面”列表项上，则不会出现这种故障行为

$menu1
是第一个
li
中的
div
。即使只有此代码（以及其他四个bind调用被注释掉），所有四行图像仍会触发
$menu1
淡入淡出

代码如下：

$menu1.bind('mouseenter', function(){

$menu1.animate({'opacity':'1.0'});                  

}).bind('mouseleave', function(){ 

$menu1.animate({'opacity':'0.0'}); 

});

几天来，我一直在努力解决这个问题，而我的jquery/javascript技能似乎还达不到要求……非常感谢您的帮助。
我认为$menu1不是一个正确的标识符。
你是说
$（“#menu1”）
？
我想如果你在这里发布代码链接会有所帮助。你是否尝试在函数中使用
this
关键字，理想的情况是今年使用
on（）
。这里有一个？？这里是fiddle链接：我应该为一个朋友添加我正在为这个工作，他正在使用一些预先制作的jquery图像库滑块，还有一个额外的javascript文件，它完全神秘，我对它一无所知，也不确定它是如何关联的，但无论如何，我只是有点困惑这个绑定功能，似乎有点小故障？我只是想知道是否有人知道这一点……很抱歉，我对此一无所知，也没有更好的了解……谢谢$menu1是我声明使用的变量：var$menu1=$（“#menu1”）；