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

Question

我想通过在类“display：none”中使用jQuery中的.toggleClass函数来隐藏一些元素。 “点击我”隐藏段落。我可以在没有任何问题的情况下正常工作。我的问题是，如何将段落的初始状态设置为“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'); 
    }); 
});