jQuery - масштабирование DIV (и его содержимого) при наведении курсора и установка непрозрачности других DIV.
У меня есть 4 DIV с тем же классом, ".category-container", и, в основном, мне нужно увеличить масштаб всего DIV и всего, что находится в нем, когда оно зависло, скажем, на 120%. Когда один из них наведен с эффектом увеличения, остальные 3 должны постепенно исчезнуть до 50% непрозрачности.
Я знаю, как сделать масштабирование, но я немного застрял в том, чтобы затухание происходило в остальных 3 делениях, когда один из них был увеличен при наведении.
Надеюсь, что это имеет смысл - кто-нибудь может помочь?
Zach
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/ Вот так