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

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; }

 <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>

判断一下，如果display是显示的，就隐藏，相反则显示

可以用jquery的toggleClass，
.hide{
display:none
}

$('#id').toggleClass('hide');