title: Show text on click of a button
body: <p>It is meant to show riddle then you click the button and it shows the answer</p>
  
  <pre><code>&lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
  &lt;title&gt;Riddles&lt;/title&gt;
  &lt;link href="/css/favicon.ico" rel="shortcut icon" type="image/icon" /&gt;
  &lt;link href="/style.css" type="Cascading style sheet/text" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
  </code></pre>
  
  <p>This is the links</p>
  
  <pre><code>&lt;li&gt;What did the Robot say to the gas pump&lt;/li&gt;
  &lt;script type="javascript/text"&gt;
       function unhide (){
       style(document).ready
       var hid = ("div.exp")
            if (true) hid.css("visibility",hidden);
              hid({
              visibility:visible
              });
       }
   &lt;/script&gt;
  &lt;button onclick="unhide()"&gt;Show Answer&lt;/button&gt;
  &lt;div class="exp"&gt;
      &lt;p class="and"&gt;Take your finger out of your ear and listen to me&lt;/p&gt;
  &lt;/div&gt;
  &lt;!--take your finger out of your ear and listen to me--&gt;
  </code></pre>
  
  <p>style.css is</p>
  
  <pre><code>.exp{
   visibility:hidden;
  }
  </code></pre>
  
  <p>Why is it not working?
  Because it should work</p>
  
  <p>I tried it many different ways</p>