I am trying to have a image (link button) appear within a div on mousenter for the div, and disappear on mouseleave. I have this working in the following code as expected, but I only want it to apply to the specific div that is being entered/left. The way I have it right now it applies to the class, so every div with the class will trigger the function, which is not the desired effect : (
What I would like to have it do is have the image show/hide only within the specific div that is being entered/left. Due to the nature of the project, I cannot simply apply id's to the divs as a solution. The code follows, I apologize that I cannot provide a live link, it isn't online yet, but I have pasted the code below: // $('a.more').hide(); // $('div.featured-cell-padding').mouseenter(function() { $('a.more').show(); return false; }); // $('div.featured-cell-padding').mouseleave(function() { $('a.more').hide(); return false; }); }); thanks for any help/insight/words of wisdom :)