Javascript jquery hide（）/show（）动画不断重复

我对jquery非常陌生，因此我面临一些问题。我正在尝试创建一个HTML，如果用户将鼠标悬停在div组件上，则会显示一个列表。但问题是，如果我将鼠标移到div上，则列表会反复出现和消失。感谢您提前帮助我

以下是我的html代码：-

$（函数（）{
变量数据={
名字：'Gunjan'，
姓氏：'Dutta Bhowmick'
};
$（'ul'）.hide（）；
$（'ul'）.css({
“背景色”：“蓝色”，
“边框”：“2px纯绿色”
});
$（'li'）.css({
“颜色”：“红色”
});
$（'div-div'）.mouseover（函数（）{
var id='#'+$（this.attr（'id'）+'ul'；
$（id.fadeIn（）；
}).mouseout（函数（）{
var id='#'+$（this.attr（'id'）+'ul'；
$（id）.fadeOut（）；
});
$（'html'）.dblclick（函数（）{
警报（det.firstname+“”+det.lastname）；
});
});
。功能{
宽度：1200px；
高度：90px；
边缘顶部：5px；
}
#霍布斯{
宽度：300px；
高度：90px；
背景：绿色；
显示：内联块；
位置：绝对位置；
顶部：10px；
}
#朗{
宽度：300px；
高度：90px；
背景：红色；
显示：内联块；
位置：绝对位置；
顶部：10px；
左：310px；
}
#星期五{
宽度：300px；
高度：90px；
背景：黄色；
显示：内联块；
位置：绝对位置；
顶部：10px；
左：610px；
}
李{
颜色：绿色；
宽度：300px；
显示：内联块；
}
p{
显示：内联块；
}

辛普莱纳夫
爱好


程序设计
玩游戏
听音乐
玩户外游戏

语言


爪哇
C
JAVASCRIPT
HTML
JQUERY
CSS

朋友


罗汉
正面的
苏帕尔纳
普里约
萨扬坦

您需要使用and而不是and


$（函数（）{
变量数据={
名字：“Gunjan”，
姓氏：“Dutta Bhowmick”
};
$（'ul'）.hide（）；
$（'ul'）.css({
“背景色”：“蓝色”，
“边框”：“2px纯绿色”
});
$（'li'）.css({
“颜色”：“红色”
});
$（'div-div'）.mouseenter（函数（）{
$（'ul'，this.stop（）.fadeIn（）；
}).mouseleave（函数（）{
$（'ul'，this.stop（）.fadeOut（）；
});
$（'html'）.dblclick（函数（）{
警报（det.firstname+“”+det.lastname）；
});
});
。功能{
宽度：1200px；
高度：90px；
边缘顶部：5px；
}
#霍布斯{
宽度：300px；
高度：90px；
背景：绿色；
显示：内联块；
位置：绝对位置；
顶部：10px；
}
#朗{
宽度：300px；
高度：90px；
背景：红色；
显示：内联块；
位置：绝对位置；
顶部：10px；
左：310px；
}
#星期五{
宽度：300px；
高度：90px；
背景：黄色；
显示：内联块；
位置：绝对位置；
顶部：10px；
左：610px；
}
李{
颜色：绿色；
宽度：300px；
显示：内联块；
}
p{
显示：内联块；
}

爱好


程序设计
玩游戏
听音乐
玩户外游戏

语言


爪哇
C
JAVASCRIPT
HTML
JQUERY
CSS

朋友


罗汉
正面的
苏帕尔纳
普里约
萨扬坦

您必须使用
mouseenter
和
mouseleave
功能。您可以在
方法上尝试

$('div div').on({
        mouseenter: function() {
            // Handle mouseenter...
        },
        mouseleave: function() {
            // Handle mouseleave...
        }
    });

您可以在这里获得更多关于
方法的信息
先生，您能解释一下我的代码为什么会显示这样的错误吗？非常感谢您的直接回答。@Gunjan这是因为mouseover和mouseout事件会从后代元素冒泡到祖先元素……但是先生，为什么在我保持将鼠标光标放在特定的div上。我没有将任何事件分配给外部div。