javascript - jQuery Slide 悬停单独移动

Question

我在一些帮助下制作了一些样式，以便在鼠标结束时移动文本。我的问题是我无法分开 Action 。如果我超过任何一个盒子，那么所有盒子都会产生效果。

$(document).ready(function(){
    $('.up-down').mouseover(function(){
        $('.default').stop().animate({
            height: 200    
        }, 200);                        
    }).mouseout(function(){
        $('.default').stop().animate({
            height: 240 
        }, 200)    
    })
});

查看地址:http://jsfiddle.net/snHhN/

Answer 1

您必须选择当前悬停元素的子元素:

$(document).ready(function(){
    $('.up-down').mouseover(function(){
        $(this).children('.default').stop().animate({
            height: 200    
        }, 200);                        
    }).mouseout(function(){
        $(this).children('.default').stop().animate({
            height: 240 
        }, 200)    
    })
});

DEMO