在CSS＆amp;中应用toggleClass之前设置.class的初始状态。 jQuery的

Question

我想通过在jQuery中使用带有“display：none”类的.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'); 
    });
});