jquery - 在 CSS 和 jQuery 中应用 toggleClass 之前设置 .class 的初始状态

Question

我想通过在 jQuery 中使用类“display: none”的 .toggleClass 函数来隐藏一些元素。 “点击我”隐藏段落。我可以毫无问题地让它正常工作。我的问题是，如何将段落的初始状态设置为“显示:无”？因此，第一次单击“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'); 
    });
});