jquery - クラス 2 にカーソルを合わせると、クラス 1 に :hover セレクターが追加されます

Question

別の div にカーソルを合わせると、:hover セレクターをクラスに追加しようとしています。基本的に、ボタンを形成する 2 つの div があります。上の部分はホバーすると色が変わる部分で、下の部分は単なる画像です。現在、ホバーは上部でのみ機能しますが、画像にホバーしたときにも :hover セレクターが呼び出されるようにします。

基本的には1ボタンではなく、2ボタンで機能します。

これは私が持っているものですが、明らかにこれは機能しません。

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

また、マウスを離した後もそのまま動かないことに気付きました。

助けていただければ幸いです

---

編集

機能しているサイト: www.exo-l.com

下のボタンについてです。

また、4 つのボタンがあり、それらはすべて同じクラスであるため、これは実際には機能しないことにも気付きました。したがって、1 つの画像にカーソルを合わせると、すべてのボタンが :hover セレクターを取得します。何か案は？

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

クラスを追加して、CSS.hoverと同じルールを適用します。:hover