Javascript jQuery悬停滑动切换2元素

好的，我有这个小脚本

$( ".checkout, .shoppingCart" ).hover(function() {
  $( ".cartView" ).slideToggle( "slow", function() {
  });
});

当您将鼠标悬停在2 li元素上时，将显示当前购物车。checkout和。shoppingcart

但当您将鼠标悬停在.shoppingcart上，然后移动到.checkout时，它将关闭并重新打开购物车视图。有没有办法防止这种情况？有点像在动画中停止，然后向下滑动，而不是先完成向上滑动，然后再向下滑动

应下面某个人的要求，这里有一把小提琴

---

它并不漂亮，但它仍然显示了我的问题

我不知道你是否想要这个，但我只是把

购物车

和

结帐

放在一个div中，同时悬停

当您从购物车移动到收银台时，因为它们位于同一分区，面板不会关闭

---

看看吧

我会把一个放在一起给我几个minutes@jp310我在上面加了一个，实际上我用一个跨度（不是一个div）试过了，但没有达到我想肯定会达到的效果，但是没有骰子，我必须尝试div的想法，但是一个div可能会把我的计划搞砸UL@Travis实现这一点的唯一方法是使用类似的想法！如果你接受我的建议，我会很高兴的