title: Make a link unclickable once it has been clicked - jquery
body: <p>I am trying to make a link unclickable once it is clicked, then clickable once another link is clicked. Basically just a toggle but I need to make the active link unclickable to prevent the toggle.  Here is my code:</p>
  
  <pre><code>$(document).ready(function(){
         $("#Espanol").hide();
         $("#espLink").addClass("nonSelected");           
         // Make english link unclickable
         $("#espLink").click(function(){
             $("#engLink").addClass("nonSelected");
             $("#espLink").removeClass("nonSelected");
             $("#English").toggle(); 
             $("#Espanol").toggle();    
             // need to make espanol link unclickable  
             // and english link clickable             
         });
  
         $("#engLink").click(function(){
             $("#espLink").addClass("nonSelected");
             $("#engLink").removeClass("nonSelected");
             $("#English").toggle(); 
             $("#Espanol").toggle();  
             // need to make english link unclickable  
             // and espanol link clickable        
         });
      });
  </code></pre>
  
  <p>And html:</p>
  
  <pre><code>&lt;a id="engLink"&gt;English&lt;/a&gt; | &lt;a id="espLink"&gt;Español&lt;/a&gt;
  </code></pre>
  
  <p>Anybody know how to do this?</p>