Я хочу изменить свойство CSS класса с помощью JavaScript. То, что я на самом деле хочу, это когда div находится в hoverd, другой div должен стать видимым.
Мой css как..
.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;
}
И HTML файл похож на..
<div class="left">
Hello
</div>
<div class="center">
<div class="left1">
Bye
</div>
<div class="right1">
Bye1
</div>
</div>
<div class="right">
Hello2
</div>
Когда hello1 div наведен, bye1 div должен быть видимым, и аналогичным образом bye2 должен появиться, когда hello2 наведен.