Javascript 鼠标悬停时闪烁文本

如何在javascript中消除鼠标悬停时闪烁的文本。我编辑了持续时间的数量，但没有做任何改变。在我看来一点也不顺利。我是一名新的web开发人员，不确定javascript代码中的哪些内容需要正确编辑。顺便说一句，我想实现的是，当页面第一次加载时，文本将被隐藏，直到鼠标经过，2行将被显示，onmouseout文本将再次消失（onmouseover始终显示闪烁的文本），然后当onclick调用另一个函数fancybox时

<script type="text/javascript">
            $(document).ready(function(){
            $(".msg-link").hover(
            function(){
                var id = $(this).data("id");
                    if(id!==undefined){
                        $("#" + id).show();   
                    }
                        $("#textMessages").show();

                    },function(){
                    $("#textMessages").hide();
                    $(".hidden").hide();
                });
            });

            function ShowHide() {
                alert('here');
                $("#textMessages").animate({
                    "height": "toggle"
                }, {
                    duration: 1000
                });
                }
</script> 

<div>
    <img class="msg-link" data-id="test" src="1.png" alt="" />
       <p id="textMessages">test<br />
        <a class="hidden" id="test" href="1.png" rel="group1" title="example title text">More View</a>
        <a class="hidden" id="koya" href="2.png" rel="group1" title="more text right here"></a>
       </p>
</div>

$（文档）.ready（函数（）{
$（“.msg链接”）。悬停(
函数（）{
var id=$（this.data（“id”）；
如果（id！==未定义）{
$（“#”+id）.show（）；
}
$（“#文本消息”）.show（）；
}，函数（）{
$（“#textMessages”）.hide（）；
$（“.hidden”）.hide（）；
});
});
函数ShowHide（）{
警报（“此处”）；
$（“#文本消息”）。设置动画({
“高度”：“切换”
}, {
持续时间：1000
});
}
测试

听起来这是一个以动画为中心的问题，你想要一个平滑的显示/隐藏类型的动画吗？在我看来，你实际上应该使用fadeIn或fadeOut来实现最终的平滑度，但是如果你真的喜欢的话，你可以在show（）hide（）上设置时间。。或者，您可以将fadein和更改父元素的高度结合起来，使其产生一点打开效果，但不会产生从左向下的锯齿状缩放效果

（+）在父div中添加了一个“id”。如果您尽了所有努力来显示图像，您可能不希望在滚动图像时链接消失

我把谢尔曼先生的例子改成了你想说的。我相信它会像你想做的那样更有活力。但我认为这是一个动画或效果问题？对吧?

---

我认为你需要更好地解释这一点。它看起来就像你对我描述的那样。