javascript - 试图改变点击宽度

Question

关于 this ，我想获得相同的效果，然后我想我会在点击时更改我的 div 的宽度。

我有一个左边的 sidebardiv 和右边的 contentdiv，我有一个带有 onclick 触发器的图像，它隐藏了左边的 sidebardiv 并将右边的 contentdiv 宽度设置为 100%。
它确实隐藏了左侧的 sidebardiv 但它没有将 contentdiv 扩展到 100%，当我按 firebug 打开时发生了奇怪的事情，就在它打开之后 contentdiv 然后扩展到 100%，任何人都可以弄清楚是什么我做错了吗？

谢谢

这是一些 HTML:

<div id="content_holder">
<div class="leftsidebar" id="sidebar">
....
</div>
<div class="content" id="content">
....
</div>
</div>

这是javascript:

var flag = false;

          Page.toogle = function(id)
          {
              var x = document.getElementById('content');
              if(!flag){
                    document.getElementById(id).style.display = 'none';
                    x.style.width = '99%';
                             flag=1;
                }
              else {
                    x.style.width = '683px';
                    document.getElementById(id).style.display = '';
                             flag=0;
                }
          }

leftsidebar 作为参数传递给上述函数

这里有一些 CSS:

div.content {
        display: block;
        float: left;
        width: 683px;
        text-align: left;
        margin-left:10px;
    }

     div.leftsidebar {
    padding-bottom:20px; 
    width:303px; 
    background: url('left_holder.png') left bottom no-repeat;
}

最新更新:

当我单击窗口还原按钮并返回时，div 会按原样拉伸(stretch)。另外，当我打开 Firebug 时，我之前提到过。是否有某种来自 javascript 的 hack 可以模拟此事件？

更多信息

我发现了一些类似的帖子，例如:

javascript resize event firing multiple times while dragging the resize handle -> 我需要在触发 Page.toogle 函数时触发此调整大小事件，以便 div 正确拉伸(stretch)

Answer 1

leftsidebar is passed as an argument to the above function

您将类名而不是 ID 传递给函数。