Liam,
Thanks for your reply. As soon as I posted this I also had that idea.
Guess a Mr Kipling and a coffee is brain food after all!
I haven't tried your code as I have it working now. Here's my code
incase anyone else would like it. Cheers Liam.
$('ul.sub-text-points li a.point-1').hoverIntent(function() {
$('a.point-2, a.point-3').removeClass("current_point");
$(this).addClass("current_point");
$('p.point-1').fadeOut(300, function(){
$(this).html('Changed text');
$(this).fadeIn(300);
$(this).removeClass("point-1");
$(this).addClass("point-2");
$(this).addClass("point-3");
});},
function() {
});
On Jan 15, 3:41 pm, Liam Potter <radioactiv...@gmail.com> wrote:
> just noticed a mistake
> forget to actually do anything with the if
> try this
>
> $('ul.sub-text-points li a.point-1').hover(function() {
> if ( $(this).attr("class") == "current_point") { }
> else{
> $('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() {
>
> });
> }
> Liam Potter wrote:
> > here is some untested code
>
> > $('ul.sub-text-points li a.point-1').hover(function() {
> > if ( $(this).class("current_point") {}
> > else{
> > $('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() {
> > });
> > }
>
> > like I say, untested, but should give you a starting point.
>
> > Liam Potter wrote:
> >> You could add a class say, "nochange" check for that on hover, if
> >> found, no dothing, if not, continue to change.
>
> >> davebowker wrote:
> >>> 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() {
> >>> });
