mootools Fx.Slide переключение на скрытый элемент не работает

Question

Я загружаю HTML с запросом и использую его как шаблон для всех остальных элементов.

Мой код:

itemDummy.destroy()

this.content.each(function(task) {
    //
    //more code
    //
    item = itemDummy.clone();

    detailBox = item.getElement('.descriptionBox');

    detailBox.id = "description" + task.id;
    //detailBox.toggle ()
    //open it on click
    item.addEvent("click", function() {
        new Fx.Slide("description" + task.id).toggle();
    });

    //
    //more code
    //
    detailBox.inject(itemWrapper);
    item.inject(wrapper);
});

Если линия detailBox.toggle () активирован, мое окно не отображается, но анимация Fx не работает (окно никогда не появляется видимым). Но когда я установил эту строку, прокомментировал detailBox, и анимация переключения работает, но я хочу скрытый блок в начале.

Но когда я устанавливаю эту строку в качестве комментария, отображается detailBox и анимация переключения работает, но я хочу, чтобы Box невидимый начинался с

Answer 1

После комментария Йохана он работает после инъекции:

detailBoxIds.each(function (id) {
    new Fx.Slide(id).hide();

    //instead of $$(id).hide () or $$(id).toggle () 
    //a direct toogle/hide hides the element, but the Fx.Slide can't open it again
})

$$('.taksItemWraper').addEvent ("click", function () {
    var id = this.getElement('.descriptionBox').id;

    new Fx.Slide(id, { 
        duration:300
    }).toggle();
})