jQuery Hover SlideToggle 2 Elements

时间:2014-04-02 20:52:38

标签: javascript jquery css

好的,所以我有这个小脚本

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

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

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

根据以下某人的要求,这是一个小提琴http://jsfiddle.net/yBz47/ 它不漂亮,但它仍然显示我的问题

1 个答案:

答案 0 :(得分:0)

我不知道你是否想要这个,但我只是将shoppingCartcheckout放在div中同时盘旋!

当你从shoppingCart搬到结账时,因为他们在同一个div,面板不会关闭!

只需看hover