Make a link unclickable once it has been clicked - jquery
<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>
