Javascript 多次隐藏链接-jquery

我有两个链接。一个显示，另一个隐藏。单击第一个链接后，它将消失，第二个链接将显示。在我点击第二个之后，第一个应该出现在她的位置

这是我的代码：

HTML

CSS

.link-two{ display: none;}

---

有人能告诉我我做错了什么吗？

一个更好的解决方案，给两个链接一个公共类，然后只使用一个函数（让我们使用类

alterLink

）

---

演示：

一个更好的解决方案，为两个链接提供一个公共类，然后只使用一个函数（让我们使用类

alterLink

）

---

演示：

对于初学者live，不推荐使用。在上，您的第一个选择器缺少

因此，毋庸置疑：

$(".link-one, .link-two").on('click',function(){
    $(".link-one, .link-two").toggleClass('hidden');
});

.hidden
{
display:none;
}

---

然后从链接2上隐藏的类开始。

对于初学者来说，live不推荐使用。在上，您的第一个选择器缺少

$('.link-one,.link-two').click(function () {
    $('.link-one,.link-two').toggle()
});

因此，毋庸置疑：

$(".link-one, .link-two").on('click',function(){
    $(".link-one, .link-two").toggleClass('hidden');
});

.hidden
{
display:none;
}

从链接2上隐藏的类开始

$('.link-one,.link-two').click(function () {
    $('.link-one,.link-two').toggle()
});

---

如果您的jQuery版本支持.on（）方法，我将专门在.live（）方法上使用它。另外，你能更详细地描述一下你的问题吗？发生了什么？问题是，当我单击第二个链接时，两个链接都会显示出来。如果您的jQuery版本支持.on（）方法，我会专门在.live（）方法上使用它。另外，你能更详细地描述一下你的问题吗？发生了什么？问题是当我单击第二个链接时，两个链接都会显示。或者，只显示

$（'.alterLink'）.toggle（）翻转两个。@Blazemonger——啊，是的，忽略了它。编辑以包含该链接，会更容易。@Blazemonger，如果您只看到了两个链接。@PatsyIssa有哪些链接。或者，只需
$（'.alterLink'）.toggle（）翻转两个。@Blazemonger——啊，是的，忽略了它。编辑以包含该链接，会更容易。@Blazemonger，如果您只看到了两个链接。@PatsyIssa，有哪些链接。
$('.link-one,.link-two').click(function () {
    $('.link-one,.link-two').toggle()
});