Dojo切换隐藏和显示Div

Question

我已经做了一些搜索,并提出了很多混合结果,使用Dojo来切换显示vs隐藏的div.

• dojo.style它看起来有些用途可能已被替换dojo.fx
• 一些使用dijit但因此无法访问DOM节点.
• 有些人利用show()和hide()
• 有些人改变了CSS

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

有人可以指点我这是一个最新的walkthru.

---

解决了

使用以下组合......

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");
}`

来自dojo 参考指南:

Toggler.show()和Toggler.hide()函数都返回播放动画的动画对象.此对象可用于停止,暂停,设置当前动画位置的"百分比",并获取动画的状态.