如何在默认情况下隐藏切换

Question

您好我想知道如何在页面加载时隐藏切换,我已经制作了一个简单的代码,但是当页面加载时它将默认显示.我想要它的方式.

我必须尝试使用​​类似CSS的东西

.hidden {
display:none;
}

当我使用此代码时,该元素根本不显示.

这是我的代码

EDITED

<script type="text/javascript">
 function toggleDiv(divId) {
  $("#"+divId).toggle();

  }
 </script>

<a href="javascript:toggleDiv('myContent');">this is a test</a>
   <div id="myContent">
      <a href="javascript:toggleDiv('myContentt');"><span>this is a text</span></a>
          <div>this is a test #2 </div>
   </div>

          <div id="myContentt">
            test
          </div>

请帮忙.

Answer 1

我想,你想要这样的东西,

演示(我onclick在演示中使用,因为jsfiddle不喜欢javascript href)

CSS:

.hidden{
       display:none;
    }

标记:

<a href="javascript:toggleDiv('myContent');">this is a test</a>
<div id="myContent" class='hidden'>
  <div>this is a test #1 </div>
</div> 
<br />
<a href="javascript:toggleDiv('myContentt');"><span>this is a text</span></a>
<div id="myContentt" class='hidden'>
 this is a test #2
</div>

使用Javascript:

function toggleDiv(divId) {
        $("#"+divId).toggle(); 
    }

Answer 2

只需添加

$("your class").hide();

例子

$(document).ready(function(){
    $(".subResult").hide();
});

then you can define your function
 function toggle(){
$(".subResult").slideToggle(2000);
     }

另一个例子

$(document).ready(function(){

$("p").hide();

  $("button").click(function(){

    $("p").toggle();

  });

});

///////

$("p").hide(); 此行在就绪功能上隐藏您的 div。