title: Hide text with the same button it opened it
body: <p>how can I hide the text opened while clicking on a button by clicking on the same button ? In other words, the same button should show or hide a text when you click on it.</p>
  
  <p>Here's my code that shows a text :</p>
  
  <pre><code>&lt;h3&gt; 
      &lt;button class="button" onclick="myFunction()" &gt;&lt;img src="infoicon.png" height="30"&gt;&lt;/button&gt;
                      &lt;p id="infos"&gt;&lt;/p&gt;
  
                      &lt;script&gt;
                          function myFunction() {
                              document.getElementById("infos").innerHTML = "blablabla";
                      }
                      &lt;/script&gt;
  &lt;/h3&gt;
  </code></pre>