Стиль блока при :hover?

Question

[Messi]

Здравствуйте! Нужно чтобы при наведении на блок 1 менялось оформления блока 2. Это всё происходит на одной странице, но блоки не вложены друг в друга, они в разных частях документа. Есть ли у кого готовый скрипт? Спасибо!

Answer 1

[zuraavl]

$(".a").hover(function () {
$(".b").toggleClass("c");
});
на .c вешаешь стили которые нужны

Comments

[Messi]

Стиль меняет, спасибо, но как сделать так:
1. Когда навожу, стиль добавляется
2. Когда убираю, стиль пропадает
?

[zuraavl]

Ну у нас считай событие :hover будет заменено классом "c" для конкретного элемента. Вместо:
a:hover {color: red;}, будем писать a.c {color:red;}

Answer 2

[sasha1992]

Тут только через JS, вот если бы два блока были вложены друг в друга, то другое дело

Answer 3

[Андрей М]

не обязательно
CSS3 позволяет решить эту задачу
www.w3schools.com/cssref/css_selectors.asp

Comments

[Messi]

Блок не родитель

[keslo]

Андрей М приведите не голословный пример