Mootools .slide hide and show problem

my intention was to make some kind of produkt overview for my website. so i have 2 div container that i wanted to slide in and of by using mootools. to be more exactly when the first div slides out the second should slide in a开发者_运维技巧nd vice versa. BUT the last part doesnt work. i manage to slide of one but the other doesnt come back. ( hope this is understandable.

here is the code:

var redo = new Request.HTML(
{
    url: 'ajax/cdvet.php',
    update: artikel,
    encoding: 'utf-8',
     onComplete: function(response){
        if(hund != null)
          {
          hund.slide('hide');
          $('clist_tier_Hund').addEvent( 'click', function(e)
            {
               hund.toggle();
             artikel.toggle();             
            }); 
          }
      artikel.slide('in');
      }
});

hope anyone can help me :)

Fx.Slide is made to animate one object at a time. It wasn't made to carousel multiple elements.

You can however use Fx.Elements to animate your different carousel panes... Or, if you prefer simplicity, you can use Fx.Scroll.Carousel available in the Mootools Forge.

Demo