avryl/wp-front-end-editor — pull request #9 by KZeni (2013-12-13 01:32:32+00:00)
Title: Change UI Fades so They Interrupt Animation (Improves Responsiveness)

The editor fade in/out wasn't responsive enough for me as the **animations were queuing**. This is a quick & simple edit to make.

jQuery can use stop() & animate() to have an element stop its current animation and do the newest animation. Meanwhile fadeIn() & fadeOut() stack into a queue. Use opacity with animate, and you now have a more responsive fadeIn/fadeOut! It doesn't have the elements set to display:none; when hidden, but it appears that isn't needed for these elements. *Do note that using stop() in conjunction with fadeIn/fadeOut causes the resulting opacity to be incorrect among other issues so that's why animate() is used.

I should mention that I didn't replace the #fee-continue fadeOut() as we want that to be set to display:none; in the end (which fadeOut takes care of for us), and there isn't any risk of stacking animations so might as well keep that one as the basic fadeOut.