如何使div中的内容消失而不关闭内容空间？--jquery

我在摆弄一个有三个p的小div。如果用户点击任何一个p，它们都会消失。有一个小按钮可以读取内容。我正在寻找一种在不关闭div的情况下删除内容的方法

下面是我所拥有的

<script>
    $(function () 
    {
        $("p, button").click(function () 
        {
           $("p").toggle();
        })
    });
</script>
<div id="blarg" class="blarg" style="visibility: visible;">
    <p class="test" style="display: block;">If you click on me, I will disappear.</p>
    <p class="test" style="display: block;">Click me away!</p>
    <p class="test" style="display: block;">Click me too!</p>
</div>
<button>Readd</button>

$（函数（）
{
$（“p，按钮”）。单击（函数（）
{
$（“p”）.toggle（）；
})
});
如果单击我，我将消失
点击我离开

也单击我
读

设置

可见性：隐藏p

元素上的code>

.hidden {
  visibility: hidden;
}

$("p, button").click(function () {
  $(this).toggleClass("hidden");
});

---

编辑：好家伙。。。写得太快了。

切换使用的是“显示”，它会使项目占用空间，我想你应该使用

可见性，它不会影响布局，只是它。。。可见性。
css样式
的可见性可以为您做到这一点。您只需将其设置为
可见性：隐藏
，如下所示：

$(function () 
{
     $("p, button").click(function () 
     {
         $(this).css("visibility","hidden");
     })

});

你可以在这里找到答案，所以点击一个段落应该只删除该段落，但是点击按钮应该做什么呢？点击任何一个p应该删除它们。最初，我正在测试toggle是否会在不删除内容空间的情况下删除内容。我把按钮放在那里是为了把内容放回去。你只需要做
$（这个）。切换类（'hidden'）
，而不是一个if-else，这会让所有的内容一键消失。我认为你想在
函数中使用的是
$（这个）
@SimchaKhabinsky是正确的。将
$（'p'）
更改为
$（此）
，方法与前面提到的相同。。。您正在将样式应用于所有
p
Woops。更新。谢谢