Javascript Jquery单击Li时没有按应有的方式进行显示/隐藏

我的jquery没有显示和隐藏适当的元素，这是一个问题。我有一个与FAQ特定部分相关的项目列表，当单击每个Li时，它应该隐藏除它所属部分之外的所有部分。这很好，直到我在李的标签中添加了“a”标签，因为每个标签都需要有一个特定的链接。当我这样做时，出于某种原因，只显示第一个部分，而所有其他部分都不显示，无论我单击哪个部分

这是密码

html:

使用的参数包括：

  new Faq($("#main-nav"), $("div.faq-container"));

---

操纵调整位于

.nav

上的导航处理程序中。我将该处理移到构造函数中，以便在不使用类的其余部分的情况下按原样获取代码错误

尝试下面的可运行示例。我在每个部分内容中添加了一个数字，以显示单击的相对链接中出现的引用

class常见问题解答{
构造函数（$navigation，$content）{
这个。$navigation=$navigation；
这是。$content=$content；
此.navigation.on（“单击“，”.nav“，（事件）=>{
这是。$content.hide（）；
//event.target引用








主要章节内容1
主要章节内容2
主要章节内容3
主要章节内容4
主要章节内容5
主要章节内容6
主要章节内容7
主要章节内容8

  constructor($navigation, $content) {
    this.$navigation = $navigation;
    this.$content = $content;

  }
    this.$navigation.on("click", ".nav", (event) => {
          this.$content.hide();
          $(this.$content[$(target).index()]).show();
    });

  new Faq($("#main-nav"), $("div.faq-container"));