toggle - Dojo 切换隐藏和显示 Div

Question

我已经进行了一些搜索，并得出了许多使用 Dojo 切换 div 显示与隐藏的混合结果。

有些人使用 dojo.style看起来可能已被 dojo.fx 取代

有些人使用 dijit但因此无法访问 DOM 节点。

有些人使用 show()和 hide()

一些更改 CSS

我似乎无法让他们中的任何一个工作。

有人可以向我指出有关此问题的最新演练。

已解决

使用以下组合...

dojo.addOnLoad(function() {
      dojo.style(dojo.byId('myDiv'), "display", "none");
});

并切换它

function toggleDivs(){
    if(   dojo.style(dojo.byId('myDiv'), "display") == "none"){
        dojo.style(dojo.byId('myDiv'), "display", "block");
        dojo.style(dojo.byId('myDiv2'), "display", "none");
    } else {
        dojo.style(dojo.byId('myDiv'), "display", "none");
        dojo.style(dojo.byId('myDiv2'), "display", "block");
    }
}

Answer 1

为什么不用dojo.fx.Toggler ?

var toggler = new dojo.fx.Toggler({

        node: "basicNode"

    });

    dojo.connect(dijit.byId("showButton"), "onClick", toggler, "show");
    dojo.connect(dijit.byId("hideButton"), "onClick", toggler, "hide");
}`

来自道场 reference-guide :

The functions Toggler.show() and Toggler.hide() both return the animation object for the animation in play. This object can be used to stop, pause, set the current animation location ‘percentage’, and get the status of the animation.