jquery - 显示/隐藏 div 点击链接 jquery

Question

我正在完成一个网页，这个:https://www.landingpagedude.ca/automate

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

第二部分显示在第一部分下方，也称为“演讲者”，位于首先显示的部分上方:

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

Answer 1

所以我对您的页面进行了一些改动，其中包含 jQuery 使得我的 session 可以轻而易举地进行这些更改。我只是打开控制台并输入两行:

$("#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(); })

第一个获取“Return to Speakers”链接，并使用它来隐藏当前 div 并显示 Speakers div。第二个反转操作。为了您自己的使用，只需将这两行放在您的 custom.js 文件中，几乎任何地方。

当然，您可能希望默认隐藏#speakers-info。