CODEWITHSUNDEEP
mootools
Arwed
Arwed

Reputation: 97

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 and 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 :)

Upvotes: 0

Views: 769

Answers (1)

Andrew Moore
Andrew Moore

Reputation: 95424

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

Upvotes: 2

Related Questions