Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Шаблоны (TPL) Как задать стиля одного блока при hover на другом?

Как задать стиля одного блока при hover на другом?


     11.03.2015    Шаблоны (TPL), Стили (CSS), jQuery    928

вопрос
Здравствуйте!
У меня есть два div'a. Условно: div1 и div2. Внешне div2 лежит на div1, но в шаблоне они в разных местах: между ними есть другой код и div2 НЕ входит в div1, т.е. по дереву они равноправы.
Подскажите, как и можно ли вообще задать одному стили при наведении курсора на другой и наоборот? То есть если навожу на div1, то менялся div2. Если бы div2 входил в div1, то было бы просто:
.div1:hover div2 {и поехало...}

Но здесь меня заставило задуматься.
Основная беда в том, что я не хочу, чтобы пропадал стиль div1:hover, когда я навожу на div2, потому что логически (внешне) div2 лежит на территории поля div1. Может есть js решение этого вопроса?

Ответил: webil


Как просили js, правда jquery.

$('.div1, .div2').hover(function(){
        $('.div1, .div2').addClass('hovring');
},
        $('.div1, .div2').removeClass('hovring');
});

в стилях теперь можно задавать значения для обоих дивов

.div1.hovering {и поехало...}
.div2.hovering {и поехало...}
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы