[ajax]importing data into imported data.

[ajax]importing data into imported data.

Hi all. I am still new to jQuery and I am trying to figure something out.

I have this code:

$(document).ready(function()
   {
      var data = new Array();
         
      data[0] = 'data/home.html';
      data[1] = 'data/portfolio.html';
      data[2] = 'data/contact.html';
      data[3] = 'data/child.html';
      
      $('.content').hide();
      
      $('ul#main li a').click(function() {
   
         //Bepaal positie van klik.
         var index = $('ul#main li a').index(this);
         
         //Laad data in volgende div.
         $(this).next().load(data[index], function() {
            $(this).show('slide');
         });
         
         //Hide de zichtbare content.
         $('.content:visible').hide('slide');
         
         return false;

      });
      
      $('ul#sec li a').click(function() {
         
         return false;
         alert('child');

      });

   });


This is working fine on itself. What is does is when I click a link it loads data into the following div. When done loading it slides out. But I want to change the appearance of the slide.

I have tried to do that like this:
$(this).show("slide", { direction: "down" }, 1000);


But this doesn't work.
When I check firebug it says the following:
o.easing[this.options.easing || (o.easing.swing ? "swing" : "linear")] is not a function

Does anyone know what I am doing wrong?

Thanks in advance!