0 
<div class='m2Act' id='edu'>Edu</div>
<div class='m2Pass' id='ref.php'>Ref</div>
<div class='m2Pass' id='con.php'>Con</div>
<div style='clear:both'></div>

CSS

.m2Act, .m2Pass{
    float:left;
    margin:5px;
    cursor:pointer;
}
.m2Act{
 background:yellow;   
}
.m2Pass{
    background:red
}

js

$('.m2Pass').hover(function(){
    $('.m2Act').removeClass().addClass('m2Pass');
    $(this).removeClass().addClass('m2Act');
})

これはすべて機能しますが、カーソルが離れているときは、各 div の以前の状態が必要です。これは起こりません。divs は、ホバーされた新しい状態のままです。mouseenter私はすでに成功の有無にかかわらず試しmouseleaveました。

フィドル

4

2 に答える 2

2 
$('.m2Pass').hover(function(){
    $('.m2Act').removeClass().addClass('m2Pass');
    $(this).removeClass().addClass('m2Act');
},function(){

 // revert the properties in this function

}
)
于 2013-11-08T11:06:31.987 に答える