Я хочу изменить свойство 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-файл, как ..

    Hello


       
           Bye
    
       
           Bye1
        


    Hello2

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

http://jsfiddle.net/rohan23dec/TqDe9/1/