title: How to make content within div to disappear without content space closing up? -- jquery
body: <p>I am messing around with a small div containing three p's. If the user clicks any of the p's they all disappear.  There is a small button to readd the content.  I'm looking for a way to remove the content without the div closing up.</p>
  
  <p>Below is that I have.</p>
  
  <pre><code>&lt;script&gt;
      $(function () 
      {
          $("p, button").click(function () 
          {
             $("p").toggle();
          })
      });
  &lt;/script&gt;
  &lt;div id="blarg" class="blarg" style="visibility: visible;"&gt;
      &lt;p class="test" style="display: block;"&gt;If you click on me, I will disappear.&lt;/p&gt;
      &lt;p class="test" style="display: block;"&gt;Click me away!&lt;/p&gt;
      &lt;p class="test" style="display: block;"&gt;Click me too!&lt;/p&gt;
  &lt;/div&gt;
  &lt;button&gt;Readd&lt;/button&gt;
  </code></pre>