title: HTML displaying paragraph only when clicked
body: <p>I would like to know how can I click on a text, and instead of linking to some external link, I would like to be able to display a paragraph on the same page. 
  For example, I want to have a hidden paragraph, and I want for it to be only be displayed when I click on some text.  </p>
  
  <p>I thought I can use "id", but I am not sure how! </p>
  
  <pre><code>&lt;a id="tips"&gt;test&lt;/a&gt;
  &lt;a href="#tips"&gt;Visit the Useful Tips Section&lt;/a&gt;
  </code></pre>
  
  <p>Any idea, how I can do this?</p>