Home/ Questions/Q 3661578
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-19T01:19:15+00:00

I have this snippet of code I wrote for fading an element out and

  • 0

I have this snippet of code I wrote for fading an element out and a new element in when a link is clicked. It is working but it is kind of twitchy and sometimes it flashes before the change and the position moves…Try it for yourself and click back and forth between the links…Oh I am seeing these glitches in firefox…

Have a look here. http://jsfiddle.net/XHXpt/2/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It’s glitching because the already hidden <p> elements finish their animations immediately and call the complete callback you specified. You can prevent this by fading only the :visible one, so those already-hidden ones don’t do anything, by changing this:

    $('p').fadeOut('fast', function() {

    To this:

    $('p:visible').fadeOut('fast', function() {

    You can test out the updated version here.

    • 0