Цепочка событий в mootools при переключении ()

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/

.. кстати, вы также можете использовать собственный экземпляр элемента «slide», не объявляя var mySlide = ... ..like, то есть $('hidden').get('slide').toggle()