JavaScript 麻烦大家告诉我如下的功能应该怎么实现？

现在有两个链接，

 <a href="add">添加</a>  <a href="delete">删除</a>

初始状态是：添加这个链接有效，删除这个链接无效。点了添加链接后，删除链接有效，添加链接无效；点了删除链接后，添加链接有效，删除链接无效。请问这个用Js代码如何实现呢？

你应该是绑定的事件吧，你链接过去了还怎么控制。用个全局变量控制下绑定的点击方法是否可以执行就行

 <a href="javascript:void(0)" onclick="AddFun()">添加</a>  <a href="javascript:void(0)" onclick="DelFun()">删除</a>
<script>
var isAdd=true;
function AddFun(){
  if(!isAdd)return false;//
   isAdd=!isAdd;
  alert('添加');
}
function DelFun(){
  if(isAdd)return false;//
   isAdd=!isAdd;
  alert('删除');
}
</script>

$("a").click = function(){
if($(this).attr("id") == "addFriend"){
document.getElementById("add").style.display = "none";
document.getElementById("delete").style.display = "";
}
if($(this).attr("id") == "deleteFriend"){
document.getElementById("add").style.display = "";
document.getElementById("delete").style.display = "none";
}
}
HTML：

为什么我这样写没有效果呢？