[jQuery] show/hide problem
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 :)