禁用其他链接的JQuery切换

Question

是否有一种方法可以禁用另一个链接，通过切换功能重新启用它们。

这是我的脚本到目前为止。我想在点击“娱乐”时禁用“军事”，但当切换返回时，请重新启用链接。

$("[href='#Entertainment']").click(function() { 
$("#Entertainment").toggle("slow"); 

}); 


$("[href='#Military']").click(function() { 
$("#Military").toggle("slow"); 

}); 

有没有办法做到这一点？

Answer 1

好吧，我想通了......

这里是一个工作示例FIDDLE

上点击设置你的HTML像这样，给链接的ID

<a id='Elink' href='#Entertainment'>Entertainment</a> 
<a id='Mlink' href='#Military'>Military</a> 
<div id='Entertainment'>EntertainmentContent</div> 
<div id='Military'>Military Content</div> 

然后，在切换发生后，回调函数检查相应的分隔符是否可见，如果是，则禁用另一个链接，如果不可见，则启用另一个链接

$("#Elink").on('click', eclick);  
$("#Mlink").on('click', mclick); 


function mclick() { 

     $("#Military").toggle("slow", function() { 
      if ($("#Military").is(':visible')) { 
       $("#Elink").attr('href', 'javascript:void(0);').off('click'); 
      } else { 
       $("#Elink").attr('href', '#Entertainment').on('click', eclick); 
      } 
     }); 
} 

function eclick() { 
     $("#Entertainment").toggle("slow", function() { 
      if ($("#Entertainment").is(':visible')) { 
       $("#Mlink").attr('href', 'javascript:void(0);').off('click'); 
      } else { 
       $("#Mlink").attr('href', '#Military').on('click', mclick); 
      } 
     }); 
}