title: JS Change text onClick then change back onClick If...else
body: <p>Here's an easy one. </p>
  
  <p>I'm creating a link with content that changes onClick. Onload it should say ""Click here for more information!" when clicked, it should say "Click here for less information!" then on re-click "...more information".</p>
  
  <p>I'm sure that I'm just making a tiny mistake somewhere, help? </p>
  
  <p>JavaScript</p>
  
  <pre><code>&lt;script&gt;
  function change_text()
  {
  if(document.getElementById("toggle_button").innerHTML="Click here for more   
  information!"){
  document.getElementById("toggle_button").innerHTML="Click here for less
  information!";
  }else{
      document.getElementById("toggle_button").innerHTML="Click here for more     
  information!";
  }}
  &lt;/script&gt; 
  </code></pre>
  
  <p>Here's the HTML </p>
  
  <pre><code>&lt;a href='javascript: toggle()'&gt;&lt;p id="toggle_button" onclick="change_text()"&gt;Click here  
  for more information!&lt;/p&gt;&lt;/a&gt;    
  </code></pre>