Dojo切换隐藏并显示Divs

我做了一些搜索,并提出了很多混合的结果,使用Dojo来切换显示vs隐藏的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'),"block");
        dojo.style(dojo.byId('myDiv2'),"none");
    } else {
        dojo.style(dojo.byId('myDiv'),"none");
        dojo.style(dojo.byId('myDiv2'),"block");
    }
}

为什么不使用dojo.fx.Toggler？

var toggler = new dojo.fx.Toggler({

        node: "basicNode"

    });

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

从dojo 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.

Dojo切换隐藏并显示Divs

相关文章