jquery - 如何使切换默认隐藏

Question

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

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

.hidden {
display:none;
}

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

这是我的代码

已编辑

<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 on 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 准备好的功能。

Answer 3

用于.toggleClass('hidden')显示和隐藏您的元素。

Answer 4

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