Javascript Jquery click（）函数不工作

我有两个这样的锚标签

<a href="#" id="1">1</a>
<a href="#" id="2" style="display:none;">2</a>

}))

问题是当我点击“2”锚定标记时，第二个div标记显示，然后当我想通过点击“1”锚定标记再次显示div 1时，它不工作。 就像在运行第二个函数后，第一个函数不存在

---

更新问题和答案：

---

我将选择器更改为类似ques-1、ques-2，如果有两个同名的选择器，jquery只调用第一个选择器，因此最好为选择器指定不同的名称，即使其中一个将一次激活一个

如果在单击锚定2时隐藏锚定1，则无法单击锚定1，因为它将不可见。如果要使锚元素占据的区域保持可单击状态，则必须设置不透明度的动画

$('#1').click(function(){
    $("#1").animate({ "opacity": "1"}, 1000);
    $("#2").animate({ "opacity": "0"}, 1000);

});

$('#2').click(function(){
    $("#1").animate({ "opacity": "0"}, 1000);
    $("#2").animate({ "opacity": "1"}, 1000);
});

---

看看这个

你的“代码”看起来不错。但是我们需要完整的代码来帮助您（还有html代码）。@Magus:除了

1

不是有效的

id

value（）@zerkms您是对的，#1不是有效的id。您不能向任何现有元素添加事件侦听器！使用来实现这一点。只需将“1”更改为类似“link1”的内容，将“2”更改为“link2”，它就会工作。

   });

   $('#2').click(function(){
       //code to show div 2
       //code to hide div 1
   });

$('#1').click(function(){
    $("#1").animate({ "opacity": "1"}, 1000);
    $("#2").animate({ "opacity": "0"}, 1000);

});

$('#2').click(function(){
    $("#1").animate({ "opacity": "0"}, 1000);
    $("#2").animate({ "opacity": "1"}, 1000);
});