CKEditor, jQuery: animation interrupts editor

Question

I initialize CKEditor in the <div style="display:none" id="container"></div> element.

$('#container').show(); The editor shows, and everything works.

However, if I combine a call with animation, for example $('#container').show('blind'); , the editor comes to the fore (by the way, the animation looks sweet), but, nevertheless, the editor breaks.

Has anyone had the same problem? Is it a jquery or a CKEditor bug?
I think this is a scaling problem because scale and the blind are not working.

Answer 1

I have the same problem. As a job, I used the .slideDown() function from a simple jQuery and worked as CKEditor. Something like that:

 $('#container').slideDown(); 

Like .slideDown() , there are also .slideUp() and .slideToggle() .

Answer 2

Just opened a job for this. If you re-insert your data again after the animation, it will work! For instance:

 $j(".content-other").hide('slide', {direction: "right"}, 400, function () { $j(this).html(data); // show it initially for the slide-in $j(this).show('slide', {direction: "right"}, 400, function () { $j(this).html(data); // after the animation done, place it again }); }); 

The second html () is what matters. The animation process seems to be doing something with it.