Как изменить свойство CSS с помощью JavaScript ⇐ CSS

[Anonymous]

Я хочу изменить свойство CSS класса с помощью JavaScript. На самом деле я хочу, чтобы при наведении курсора на другой стал видимым.

Код: Выделить всё

.left,
.right {
margin: 10px;
float: left;
border: 1px solid red;
height: 60px;
width: 60px
}

.left:hover,
.right:hover {
border: 1px solid blue;
}

.center {
float: left;
height: 60px;
width: 160px
}

.center .left1,
.center .right1 {
margin: 10px;
float: left;
border: 1px solid green;
height: 60px;
width: 58px;
display: none;
}

Код: Выделить всё

Hello


Bye

Bye1



Hello2

При наведении курсора на div hello1, div bye1 должен быть виден, и аналогично bye2 должен быть виден. появляются при наведении курсора на hello2.

Подробнее здесь: https://stackoverflow.com/questions/152 ... javascript