使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();
});