加：當鼠標懸停在不同的div時懸停選擇一類：徘徊在2類

Question

我嘗試添加懸停時，選擇1級。基本上有2個div形成一個按鈕。頂部是在盤旋時改變顏色的部分，底部僅是圖像。目前，懸停僅適用於頂部，但我希望在懸停圖像時也可以調用懸停選擇器。

基本上它不充當一個單一的按鈕，而是兩個按鈕。

這是我有什麼，但顯然這是行不通的。

$(".module-feature-img").hover(function(){ 
    $(".module-title-bottom").attr('class', '.module-title-bottom:hover') 
}); 

此外，我注意到，我將鼠標移開後它仍然卡住。

幫助將不勝感激

---

編輯

運作的網站： www.exo-l.com

這是關於底部

按鈕我也意識到這是不是真的要工作，因爲有4個按鈕，它們都具有相同的類..所以，如果我將鼠標懸停在1個圖像，他們都將獲得：懸停選擇器。有任何想法嗎？

Answer 1

您可以使用此：http://jsfiddle.net/ZTU5v/

$(".module-feature-img").hover(function(){ 
    $(".module-title-bottom").addClass('hover'); 
}, function(){ 
    $(".module-title-bottom").removeClass('hover'); 
});​ 

添加一個回調函數來刪除類。

Answer 2

$(".module-feature-img").hover(function(){ 
    $(".module-title-bottom").trigger('hover'); 
}); 

Answer 3

我想補充一個.hover類，並適用於它相同的規則作爲在你的CSS :hover。