Jquery 将鼠标悬停在另一个Div'；上时显示另一个Div；孩子

我想在悬停另一个div的子对象时显示一个div

这是我的HTML代码

<div id='container'>
    <div>
        <ul>
            <li class='hover'>A</li>
            <li>B</li>
            <li>C</li>
        </ul>
    </div>
    <div class='hover' id='display'>some text</div>
</div>

它工作得很好，但如果我为动画目的向javascript代码添加时间，比如

show(200);
hide(200);

---

看起来很有趣。所以，如果有人能告诉我如何解决这个问题，我真的很感激。

这是因为它上次触发的新动画已经结束

最简单的修复方法是添加stop（）

---

请解释“有趣”。抱歉，我不清楚，如果我将鼠标悬停在“A”上，然后移动到“某个文本”，它会隐藏，然后再次显示

show(200);
hide(200);

 $(".hover").hover(function () {
     $('#display').stop();
     $('#display').show(200);   
 }, function () {
      $('#display').stop();
     $('#display').hide(100);
 });