title: Hide/Show Toggle Jquery
body: <p>My paragraphs need to be hidden at first and I do not know how to hide it when the page loads.</p>
  
  <p>I am using toggle jquery to expand/hide my paragraph. How can I achieve this?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function () {
      $("#toggle").click(function () {
          $("#expand").toggle("slow");
      });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;p id="expand"&gt;Small or large business look no further for an office cleaning company in Raleigh. Feel confident that commercial cleaning services will get the job done right. Call or contact us today for a quote.&lt;/p&gt;
  
  &lt;button id="toggle"&gt;Hide/Expand&lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>