Jquery ()函数无法工作

Question

我有两个像这样的锚标签

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

和Jquery这样的函数

$(Document).ready(函数(){ ) $(#1‘).click(函数(){//代码显示div 1//代码以隐藏div 2}); $('#2').click(function(){ //code to show div 2 //code to hide div 1 }); })；

问题是，当我点击"2“锚标签，第二个div标签显示，然后当我想再次显示div 1通过单击"1”锚标签，它不工作。就像运行后的第二功能第一功能不存在！

更新问题的答案:我更改了选择器，使之喜欢ques-1，ques-2，如果有两个同名的选择器，jquery只调用第一个选择器，那么最好给选择器不同的名称，即使其中一个每次都是活动的。

Answer 1

如果在单击“锚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);
});

看看这个fiddle