在JavaScript中展开/折叠div不起作用

时间:2014-09-09 17:31:37

标签: javascript html collapse expand

当我点击" main"时,尝试制作一个折叠/展开其他div的脚本。 DIV。 如果重要的话,两个div都是100x100。

一个100px x 100px div包含onclick =" myFunction()",另一个是普通的html / css(id = box2)。

function expand() {
    document.getElementById("box2").style.height = "200px";
}

function collapse() { 
    document.getElementById("box2").style.height = "100px"; 
}

function myFunction() {
    if (document.getElementById('otherbox').clientHeight = 100) { 
     expand();
    }

    else { collapse(); }

}

尝试了很多不同的选择,但没有任何效果,建议? *编辑:div扩展,但当我再次点击时它再次崩溃。

1 个答案:

答案 0 :(得分:3)

.clientHeight = 100替换为.clientHeight == 100

使用= 100将值设置为100,因此在if。

中始终返回true