[Moo] Fx.Slide choppy

[Arak Tai'Roth]

Hi there, I have a problem using Fx.Slide effectively. Here is my
code:

window.addEvent('domready', function()
{
        var myHorizontalSlide = new Fx.Slide('about_description', {wait:
false, mode: 'horizontal', duration: 500});

        $$('a.ajax_replace').each(function(ar)
        {
                ar.addEvent('click', function(event)
                {
                        event.stop();

                        var req = new Request.HTML(
                        {
                                method: 'get',
                                url: ar.get('href'),
                                data: { 'do' : '1' },
                                onRequest: function()
                                {
                                        myHorizontalSlide.slideOut();
                                },
                                update: $('about_descriptioncontent'),
                                onComplete: function()
                                {
                                        myHorizontalSlide.slideIn();
                                }
                        }).send();
                });
        });
});

This code adds an onClick event to about 4 links as of now (probably
up to 10 later). When one is clicked, it slides the corresponding div
out, fetches the AJAX, then slides the div back in. Or at least that
is the theory.

The content stored in the div that is being affected by Fx.Slide is 1
image, and some text. When the box slides out and in the image tends
to be very choppy and shaky, in other words it doesn't slide out
smoothly. In addition sometimes the AJAX request is filled before it
is fully slid out, and thus never fully slides out before it slides
back in.

I was wondering if someone has any insights to share regarding these 2
problems?