使slideToggle一次只产生一个元素的效果

Make slideToggle effect only one element at a time

本文关键字:一个 元素 slideToggle 一次      更新时间:2023-09-26

到目前为止我得到的是:

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');
});

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

稍微更改了选择器,并添加了stopPropagation(),这样动画就不会失真。

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

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