javascript - 使 slideToggle 效果一次只有一个元素

Question

这是我到目前为止所得到的：

http://jsfiddle.net/jackieschreiber/4XQJm/3/

$('.expand').on('hover', function(e) {
e.preventDefault();
$price = $('.price-box');
$priceFull = $price.find('.full');
$priceMini = $price.find('.small');

$priceFull.slideToggle('slow');

$(this).unbind('mouseenter');
});

我的问题是，如果我有这个类的多个元素，我如何只将效果应用于当前悬停的那个？

Answer 1

稍微改变了你的选择器并添加了 stopPropagation() 这样动画就不会出现问题。

http://jsfiddle.net/4XQJm/4/

$('.price-box').on('hover', function(e) {
    $(this).find('.full').slideToggle('slow');
    e.stopPropagation();
});