[jQuery] Don't 'X' if already 'X'd'
Hey,
I'm trying to get a little hover script running. It's using the
hoverIntent plugin, but substituting that for hover will work for this
example.
What I'm trying to do is hover a link which will fade out a paragraph,
change the contents of that paragraph, and then fade that paragraph
back in. I have that working in my code so far.
The bug I'm trying to fix is that when I hover over the now active
link again, it repeats the fadeOut > change contents > fadeIn script
again, but as the content has already been changed it just becomes an
annoying fadeOut fadeIn effect.
Any help would be greatly appreciated.
Here's my code.
$('ul.sub-text-points li a.point-1').hover(function() {
$('a.point-2, a.point-3').removeClass("current_point");
$(this).addClass("current_point");
$('p.sub-text').fadeOut(300, function(){ /* Looks like this is the
start of the problem? */
$(this).html('Changed text');
$(this).fadeIn(300);
});},
function() {
});