title: disable href after 1 click on html?
body: <p>I want the <code>href</code> to be disabled after 1 click, can it be done using javascript or jquery? </p>
  
  <p>Please help.</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns ="http://www.w3.org 1999 xhtml" xml :lang="en"&gt;
    &lt;head&gt;
      &lt;style&gt;
  
       a:link{
         color:#1DAAA1;
       }
  
       a:visited{
         color:green;
       }
  
       a:hover{
         background: #ff0000;
         color: #FFF;
       }
  
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;table width="500" align="center" border="5px solid"&gt;
        &lt;tr align="center" &gt;
          &lt;td&gt;&lt;a href="http://www.google.com.my/" onclick="return false"&gt; Google &lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;&lt;a href="http://www.yahoo.com/"&gt; Yahoo &lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;&lt;a href="http://www.bing.com/"&gt; Bing &lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;&lt;a href="http://en.wikipedia.org/wiki/Main_Page"&gt; Wikipedia &lt;/a&gt;&lt;/td&gt;
          &lt;td&gt;&lt;a href="https://www.facebook.com/"&gt; Facebook &lt;/a&gt;&lt;/td&gt;                         
       &lt;/tr&gt;
      &lt;/table&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>