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

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

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

.hidden { display:none; } 

当我使用这个代码时，该元素根本不显示。

这是我的代码

EDITED

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

 this is a test 
 this is a text 
this is a test #2 
 
 
 test  

请帮忙。

Answer 1

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

演示 （我在演示中使用onclick因为jsfiddle不喜欢href javascript）

CSS：

 .hidden{ display:none; } 

标记：

 this is a test 
 
this is a test #1 
 
 
 this is a text 
 this is a test #2  

使用Javascript：

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

Answer 2

使用.toggleClass('hidden')来显示和隐藏元素。

Answer 3

只需添加

 $("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准备function。

Answer 4

使用toggle（）理解的关键是它只是切换CSS显示属性。 因此，如果要将一个元素替换为另一个元素，只需确保最初隐藏的元素的样式为display: none; 。 当你使用toggle（）方法时，它会使display: none;隐藏可见元素display: none; 并将从隐藏元​​素中删除该属性。