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

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


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

вопрос
Здравствуйте!
У меня есть два 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 {и поехало...}
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

наверх