javascript - 尝试一键切换容器

Question

我试图在每次单击偶数处理程序时使 div 容器展开和收缩。但是，每次加载页面时，我都必须单击偶数处理程序两次才能第一次展开它，之后只需单击一次即可，但我只想单击它一次以使其在页面重新加载时展开。

CSS:

#bodywrap1{
border-radius: 5px;
height: 00px ;
width: 80% ;
overflow: hidden;
border-top: solid 2px rgba(0,0,0,0.3) ;
border-bottom: solid 2px rgba(0,0,0,0.3) ;

Javascript:

function expand(){
  $("#bodywrap1").toggle(function(){
  $("#bodywrap1").animate({height:600},200);
  });
}

HTML:

<h2 onclick = "expand()" id = "expandv">Expand</h2>

这是我正在处理的网站，以及具体的页面。 http://hourtimeagent.com/html/c++.php

Answer 1

Toggle 的工作原理基于 display 属性，因此将 display: none 设置为 bodywrap1

当第一次点击发生时，由于未设置显示，所以 toggle() 不是显示元素而是隐藏它，以修复它设置

#bodywrap1 {
    border-radius: 5px;
    height: 0;
    width: 80%;
    overflow: hidden;
    border-top: solid 2px rgba(0, 0, 0, 0.3);
    border-bottom: solid 2px rgba(0, 0, 0, 0.3);
    /*new property*/
    display: none;
}