Obtenir état actuel (ouvert, fermé) avec Mootools 1.12 Fx.Slide

Question

J'utilise ce script Fx.Slide dans mon site:

 var togglers = $$('.toggler'), expanders = $$('.expandable'); 
    togglers.each(function(toggler, index){    
     var fx = new Fx.Slide(expanders[index]).hide(); 
     toggler.addEvents({ 
      click: function(e){ 
       e = new Event(e); 
       fx.toggle(); 
       e.stop(); 
       return false; 
      } 
     }); 
    });   

Ce qui fonctionne très bien. Ce que je n'ai pas pu faire est d'obtenir l'état actuel de la diapositive pour pouvoir assigner des icônes ouvertes/fermées sur l'élément toggler.

Merci!

Answer 1

Salut, vous pouvez utiliser la ATTRIBUÉS ouverte du curseur:

if(fx.open){ 
    //whatever you need to do 
}else{ 
    //whatever you need to do 
} 

Je pense que vous avez besoin de mettre le curseur dans un tableau pour pouvoir y accéder plus tard ...

espérons que cette aide

Answer 2

Vous pouvez même stocker les Fx.Slide dans les togglers eux-mêmes, si vous ne voulez pas conserver un tableau séparé.

[...] 
togglers.each(function(toggler, index){    
    var fx = new Fx.Slide(expanders[index]).hide(); 
    expanders[index].store('slide',fx) 
    toggler.addEvents({ 
     [...] 
    }); 
}); 

Ensuite, plus tard, vous pouvez vérifier l'état, comme mklfarha dit:

if(expanders[index].retrieve('slide').open){ 
    //do some stuff 
}