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

私は、あなたはこのようなものが欲しいと思います、

デモ（onclickjsfiddleは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 on ready 関数を非表示にします。

Answer 3

.toggleClass('hidden')要素を表示および非表示にするために使用します。