在CSS&；中应用toggleClass之前，为.class设置初始状态；jQuery

我想通过使用jQuery中的.toggleClass函数和类“display:none”来隐藏一些元素。“点击我”隐藏段落。我可以让它正常工作，没有任何问题。我的问题是，如何将段落的初始状态设置为“显示：无”？因此，第一次单击“单击我”时，它将显示元素而不是隐藏它们

CSS

剧本

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

HTML

点击我

隐藏
我

谢谢

在页面加载时使用addClass（）。我不知道p1标签是什么

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

---

使用addClass只能在单击时添加它。这与上面示例中的toggleClass相同。不。。。单击处理程序之前的单独函数。我添加了代码。。。但我不认为p1是合法的标签

<p>Click on me</p>

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

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