How to remove link property when click on the link with javascript?
<p>I have a working code. What I want is when user click promo code link, the link property will be removed and will be non functional anymore. This is the working example <a href="http://jsfiddle.net/5DbN3/" rel="nofollow">http://jsfiddle.net/5DbN3/</a></p>

<pre><code>&lt;script language="javascript"&gt; 
  function toggle() {
    var ele = document.getElementById("toggleText");
    var text = document.getElementById("displayText");
    if(ele.style.display == "block") {
      ele.style.display = "none";
      text.innerHTML = "Have a promo code?";
    }
    else {
      ele.style.display = "block";
      text.innerHTML = "Have a promo code?";
    }
  } 
&lt;/script&gt;

&lt;h1&gt;GET STARTED&lt;/h1&gt;
&lt;form action="http://www....." method="post" accept-charset="utf-8"&gt;
  &lt;label for="zipcode"&gt;
    &lt;h2&gt;Enter your zip code:&lt;/h2&gt;
    &lt;/strong&gt;
  &lt;/label&gt;
  &lt;div&gt;
    &lt;input type="text" name="zipcode" id="zipcode" maxlength="5"/&gt;
  &lt;/div&gt;
  &lt;label for="promocode"&gt;
    &lt;a id="displayText" href="javascript:toggle();"&gt;Have a promo code?&lt;/a&gt;
  &lt;/label&gt;
  &lt;div id="toggleText" style="display: none"&gt;
    &lt;input type="text" name="promocode" id="promocode"/&gt;
  &lt;/div&gt;
  &lt;div&gt;
    &lt;input type="submit" name="zipsubmit" value="GO" /&gt;
  &lt;/div&gt;
&lt;/form&gt;
</code></pre>
