CSS＆jQueryでtoggleClassを適用する前に.classの初期状態を設定してください

Question

jQueryの.toggleClass関数を "display：none"クラスで使用していくつかの要素を非表示にしたいとします。段落を隠すために「私をクリックしてください」。私は問題なく、これを正常に動作させることができます。私の質問は、どのように段落の初期状態を "display：none"に設定するのですか？だから初めて「Click me」をクリックすると、要素を隠す代わりに要素が表示されます。

CSS

.hidepar { 
display: none; 
} 

スクリプト

$(function() { 
    $('p').click(function() { 
    $('p1').toggleClass('hidepar'); 
    });   
}); 

HTML

<p>Click on me</p> 

<p1>Hide</p1> 
<p1>Me!</p1> 

ありがとう！

Answer 1

ページの読み込み時にaddClass（）を使用します。 p1タグが何であるか分かりません

$(function() { 
    $('p1').addClass('hidepar'); 
    $('p').click(function() { 
     $('p1').toggleClass('hidepar'); 
    }); 
});