jQuery Hover SlideToggle 2元素

Question

好，所以我有這個小腳本

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

當您將鼠標懸停在2個li元素.checkout和.shoppingcart上時，將顯示當前購物車

但是，當您將鼠標懸停在.shoppingcart上，然后移至.checkout時，它將關閉並重新打開購物車視圖。 有辦法防止這種情況嗎？ Kinda喜歡在動畫中期停止播放並向下滑動，而不是先完成滑動然后再向下滑動。

在下面某人的請求下，這是一個小提琴http://jsfiddle.net/yBz47/它雖然不漂亮，但仍然顯示我的問題

Answer 1

我不知道您是否要這樣做，但我只是將shoppingCart和checkout放在div中以同時懸停！

當您從shoppingCart移至結帳時，因為它們位於同一格，面板不會關閉！

只看懸停 ！