显示/隐藏div单击链接jquery

我正在完成一个网页，这个：

我想知道如何让用户点击“演讲者”部分的“点击此处”链接：

第二部分显示在第一部分的下方，也称为第一部分上方的“扬声器”：

---

以防第二部分“发言人”被隐藏。单击“返回演讲者”链接将返回到第一部分“演讲者”

，因此我对您的页面进行了一些尝试，让jQuery就在那里使这些更改成为我的课程中的一件轻而易举的事。我只是打开控制台，键入两行：

$("#speakers-info ul a").on("click", function(){ 
  $("#speakers-info").hide(); 
  $("#speakers").show();
}); /* It was a one-liner, as shown below */

$("#speakers ul a").on("click", function(){ $("#speakers").hide(); $("#speakers-info").show(); })

第一个使用“返回到扬声器”链接，并使用该链接隐藏当前div并显示扬声器div。第二个使用反向操作。对于您自己的使用，只需将这两行放在custom.js文件中，几乎可以放在任何地方

当然，您可能希望在默认情况下隐藏#演讲者信息。

查看此项以使用任何属性作为

aria selected

更改

true/false

以显示当前元素的详细信息您可以使用

。单击（…）

或

。打开（“单击“，…）

，

。隐藏（）

和

.show（）

来实现此功能。这是您需要的代码

$（“#扬声器信息”）.hide（）；
$（“.expand content link”）。单击（函数（）{
$（“#扬声器”）.hide（）；
$（“#扬声器信息”）.show（）；
});
$（“.txtAlg speakerInfo span a”）。单击（函数（）{
$（“#扬声器信息”）.hide（）；
$（“#扬声器”）.show（）；
});

发言者名单。
发言人信息。

完美！这就是我要找的。非常感谢你！