javascript - Railsパーシャルにマウスオーバーするとdivを表示/非表示

Question

ホバー時に表示/非表示になる設定リンクをパーシャル内に追加しようとしています。

パーシャルには、各アイテムの ID が既に表示されています。

.item{:id => dom_id(campaign)}
  .. content here

親divがホバーされている場合にのみリンクを表示/非表示にするjs関数を作成する方法について少し混乱しています。

Answer 1

jquery タグと haml の例に基づいて、html が次のようになっている場合:

.parent_div
  .item{:id => dom_id(campaign)}

次に、jQuery は次のようになります。

$('.parent_div').hover(
  function() {
    $(this).find('.item').show();
  }
, function() {
    $(this).find('.item').hide();
  }
);

Answer 2

あなたもjavascriptでそれを行うことができます..

例えば、

function showDiv() {
document.getElementById('test').style.display = "block";
}
function hideDiv(){
document.getElementById('test').style.display = "hide";
}

<div id='test' onmouseover='showDiv()' onmouseout='hideDiv()'>
content...
</div>