Question

I’m trying to add a Settings link inside a partial that show/hide when hovered.

The partial is already showing the ID of each item.

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

I’m a little confused about how to write a js function that shows/hide the link only when the parent div is hovered.

Answer 1

Based on your jquery tag and your haml example, if your html looks like:

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

Then your jQuery can look like this:

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