在jQuery中還原到原始的css狀態？

Question

我正在尋找一種方法來獲取我的jquery代碼，當我將鼠標懸停在我的一個元素（.pdf）上時，將另一個元素（.dl）的字體顏色更改爲藍色，然後當我停止懸停時我的第一個元素（.pdf）第二個元素回到它的原始顏色。

我設法讓這個工作，但我還必須有另一個jQuery代碼，當我將鼠標懸停在第二個元素（.dl）上時，我的第一個元素（.pdf）變爲藍色，然後返回到其原始當懸停結束時我的第二個元素（.dl）。

我遇到的問題是當我加載頁面時，如果將鼠標懸停在我的第一個元素（.pdf）上，（.dl）變爲藍色，當我停止懸停時，它會返回到白色，但是當我將鼠標懸停在（.dl）在添加了.pdf懸停的jQuery後，（.dl）保持爲白色！

這裏是我的jQuery我有：

$(document).ready(function() { 
$(".pdf").hover(function (f) { 
     $(".dl a").css('color', '#33b5e5'); 
    }, 
    function (f) { 
     $(".dl a").css('color', '#fff'); 
    }); 
}); 

$(document).ready(function() { 
$(".dl").hover(function (g) { 
     $(".pdfasdf").show(); 
     (".dl").show(); 
    }, 
    function (g) { 
     $(".pdfasdf").hide(); 
     (".dl").hide(); 
    }); 
}); 

（有點亂，對不起，我是新！）

和相關的CSS在我jfiddle： jsfiddle

我基本上只需要知道是否有辦法恢復到jQuery中的原始CSS狀態。我相信（.dl a：hover）正在被jquery覆蓋，當它不在.pdf上懸停時，它會告訴它變成白色。任何幫助，將不勝感激！

編輯我能夠得到它通過增加上班我.dl後重要的一個：懸停字體顏色在我的CSS，但我仍想知道是否有一個jQuery的方式來做到這一點，因爲我的方式很sl。。

Answer 1

我會建議使用jQuery的.addClass(classname)和.removeClass(classname)。

可以找到文檔here和here。

這樣，您可以切換類，而不必擔心特定的CSS狀態。

更新fiddle。