jQuery - масштабирование DIV (и его содержимого) при наведении курсора и установка непрозрачности других DIV.

Question

У меня есть 4 DIV с тем же классом, ".category-container", и в основном мне нужно увеличить масштаб всего DIV и всего, что находится в нем, когда оно зависло, скажем, на 120%. Когда один из них наведен с эффектом увеличения, остальные 3 должны постепенно исчезнуть до 50% непрозрачности.

Я знаю, как сделать масштабирование, но я немного застрял в том, чтобы затухание происходило в других 3 делениях, когда один из них был увеличен при наведении.

Надеюсь, это имеет смысл - кто-нибудь может помочь?

Zach

Answer 1

$('.category-container').bind('mouseover',function() {
    $(this).addClass('hover');
    $('.category-container').not('.hover').fadeTo('normal',0.2);
});
$('.category-container').bind('mouseout',function() {
    $('.category-container').removeClass('hover').fadeTo('normal',1);
});

http://jsfiddle.net/8fvJN/ Вот, пожалуйста,