如何用js在点击某个对象时另一个对象出现再次点击时消失？代码如下：该如何修改

Question

window.onload=function(){ var oDiv1=document.getElementById('Layer1'); var oDiv2=document.getElementById('Layer2'); var isShow=false; oDiv1.onclick=function(){ if ( !isShow) oDiv2.style.display='block'; isShow=true; } else oDiv2.style.display='none'; isShow=false; }

单击展开，再次点击收起

我是要展开的对象或收起的对象

Answer 1

 <div id="Layer1">点我</div>
<div id="Layer2" style="display:none">我是要展开的对象或收起的对象</div>
<script>
    window.onload = function () {
        var oDiv1 = document.getElementById('Layer1');
        var oDiv2 = document.getElementById('Layer2');
        oDiv1.onclick = function () {
            oDiv2.style.display = oDiv2.style.display == 'block' ? 'none' : 'block';
        }
    }
</script>