mootools 中的toggle() 链接事件

Question

我在特定 div 上有一个切换事件，效果很好，
这是演示 http://jsfiddle.net/b5SVg/9/ 问题是我有外部容器，需要在加载时隐藏并在切换时显示/隐藏。目前，我的容器显示块首先触发，我需要通过切换来启动它。我知道您可能认为我应该将容器放在切换中，但我不能，因为 FX.slide 在切换元素周围添加了 div，该元素是溢出隐藏的并且具有位置。我的容器必须留在原处。请指教

Answer 1

请阅读下面代码的注释；）

var container = $('.container').setStyle('display','none'); //cache container (useful for the 'future' ;) )"

var mySlide= new Fx.Slide('hidden').hide();

$('toggle').addEvent('click', function(event){

    event.stop();

    container.setStyle('display','block'); //put it before the toggle

    mySlide.toggle().chain(function(){ //at the end of the sliding, this callback will be called
        if(!this.open){ //if it's closed
            container.setStyle('display', 'none'); //hide the container
        }
    });

});

演示：http://jsfiddle.net/amgyw/1/

..btw，您还可以使用“slide”的元素正确实例，而无需声明 var mySlide = ... ..就像 ie $('hidden').get('slide').toggle()