Javascript jQuery：如何防止相关div中的动画？

将鼠标悬停在与其相关的div上时，是否有任何选项可防止滑动（）

$('#member1').hover(function () {
    $("#memberdetails2").hide();
    $("#memberdetails1").stop(true, true).slideDown();
}, function () {
    $("#memberdetails1").stop(true, true).slideUp();
});
$('#memebr2').hover(function () {
    $("#memberdetails1").hide();
    $("#memberdetails2").stop(true, true).slideDown();
}, function () {
    $("#memberdetails2").stop(true, true).slideUp();
});

---

演示

你是在说这样的事情吗

如果希望成员详细信息始终可见，请删除

$('#company').on('mouseleave', function(e) {
  $('.membersare').hide();
});

---

什么是相关div？编辑您的问题以解释相关div在您的案例中的含义：）@j08691 slideDown div是相关div非常感谢您的回答。我想修复鼠标从红色移动到绿色时的闪烁。如果你知道解决方案，这将是伟大的，你将需要更新您的CSS以及防止闪烁。我已经更新了小提琴：检查更新的CSS和更新的JS行：）