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動畫不起作用（該框永遠不會顯示）。 但是，當我設置s時，這行注釋了示出了detailBox並且切換動畫正在工作，但是我希望在開始時有一個隱藏框。

但是，當我將此行設置為注釋時，顯示detailBox並且切換動畫正在工作，但是我希望不可見的Box開頭

Answer 1

在Johan發表評論后，它在注入后有效

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();
})