Javascript 如何强制Dojo标题栏与CSS重叠？

我有两个

标题栏

小部件在中间窗格的右上角。现在，单击右侧的

标题栏

（“切换基本地图”）时，会导致左侧的

标题栏

（“地图覆盖”）向左移动。相反，我希望右侧的

标题栏

在打开时隐藏左侧的

标题栏

，而不是移动它

我试过玩

z-index

，

overflow

，

position

，和

float

，但到目前为止运气不好。我是Dojo的新手，所以我想我还没有找到正确的样式参数组合

有人有什么想法吗

---

提前谢谢

试着给你的TitlePane一个id，然后按如下所示添加evenHook。要给小部件一个id，只需将其作为

id:'leftId'

放入道具中即可。在示例中，我将使用您的类名作为id

dojo.addOnLoad(function() {
    var wLeft = dijit.byId('leftTitlePane');
    var wRight = dijit.byId('rightTitlePane');
    dojo.connect(wLeft, 'onShow', function() {
        wRight.domNode.style.display = 'none';
    });
    dojo.connect(wLeft, 'onHide', function() {
        // wait a few for collapse to finish
        setTimeout(function() {wRight.domNode.style.display = '';}, 120);
    });
    dojo.connect(wRight, 'onShow', function() {
        wLeft.domNode.style.display = 'none';
    });
    dojo.connect(wRight, 'onHide', function() {
        // wait a few for collapse to finish
        setTimeout(function() {wLeft.domNode.style.display = '';}, 120);
    });
});

---

工作得很漂亮！谢谢。：）