Я сделал с некоторой помощью некоторый стиль, чтобы переместить текст, если мышь закончена. Моя проблема в том, что я не могу разделить ходы. Если у меня закончился какой-либо ящик, то все ящики получают эффект.

$(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/

0
karabey 25 Янв 2013 в 19:15

2 ответа

Лучший ответ

Вы должны выбрать дочерний элемент текущего находящегося элемента:

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

ДЕМО

2
Zoltan Toth 25 Янв 2013 в 15:17

Поскольку вы используете $('.default'), то на любой элемент с классом по умолчанию будет действовать.

Если .default находится внутри .up-down, вы можете использовать

$(this).find('.default')

... и это будет действовать только на правильный элемент.

0
philipobenito 25 Янв 2013 в 15:21