вопрос
Здравствуйте!
У меня есть два div'a. Условно: div1 и div2. Внешне div2 лежит на div1, но в шаблоне они в разных местах: между ними есть другой код и div2 НЕ входит в div1, т.е. по дереву они равноправы.
Подскажите, как и можно ли вообще задать одному стили при наведении курсора на другой и наоборот? То есть если навожу на div1, то менялся div2. Если бы div2 входил в div1, то было бы просто:
Но здесь меня заставило задуматься.
Основная беда в том, что я не хочу, чтобы пропадал стиль div1:hover, когда я навожу на div2, потому что логически (внешне) div2 лежит на территории поля div1. Может есть js решение этого вопроса?
У меня есть два div'a. Условно: div1 и div2. Внешне div2 лежит на div1, но в шаблоне они в разных местах: между ними есть другой код и div2 НЕ входит в div1, т.е. по дереву они равноправы.
Подскажите, как и можно ли вообще задать одному стили при наведении курсора на другой и наоборот? То есть если навожу на div1, то менялся div2. Если бы div2 входил в div1, то было бы просто:
.div1:hover div2 {и поехало...}
Но здесь меня заставило задуматься.
Основная беда в том, что я не хочу, чтобы пропадал стиль div1:hover, когда я навожу на div2, потому что логически (внешне) div2 лежит на территории поля div1. Может есть js решение этого вопроса?
Как просили js, правда jquery.
в стилях теперь можно задавать значения для обоих дивов
$('.div1, .div2').hover(function(){
$('.div1, .div2').addClass('hovring');
},
$('.div1, .div2').removeClass('hovring');
});
в стилях теперь можно задавать значения для обоих дивов
.div1.hovering {и поехало...}
.div2.hovering {и поехало...}