Javascript jQuery:嵌套切换函数的问题

这是我的代码：

$（“ul li”）。单击（函数（）{
var target=$（$（this）.data（“target”）；
$（.hidden”）.not（target）.not（this.closest（'ul'））.removeClass（“show”）；
目标。切换类别（“显示”）；
$（this.sides（）.not（this.removeClass（'active'）；
$（此）.toggleClass（“活动”）；
})

*{
游标：默认值；
}
李{
光标：指针；
}
.隐藏{
显示：无；
}
.表演{
显示：块；
}
李:悬停,，
.主动{
背景颜色：黄色；
}

链路一
链接二
链接三

同侧下唇

链接二一
链接两个

同侧眼底2-1
同侧视野2
同侧下唇

试试：

---

也许这对你有帮助

$（“ul li”）。单击（函数（）{
var$this=$（this）；
var target=$（$this.data（“target”））；
$（.hidden”）.not（target）.not（this.closest（'ul'））.removeClass（“show”）；
$this.sibbines（）.每个（（i，elm）=>{
var trg=$（$（elm.data（“target”））；
训练查找（“li”）.removeClass（“活动”）；
});
$this.each（（i，elm）=>{
var trg=$（$（elm.data（“target”））；
训练查找（“li”）.removeClass（“活动”）；
});
目标。切换类别（“显示”）；
$this.sides（）.not（this.removeClass（'active'）；
$this.toggleClass（“活动”）；
})

–感谢您的回答。但不幸的是，它不起作用。谢谢你的回答！它仍然不能完美地工作。如果你点击“链接二”，然后点击“链接二至一”，再点击“链接二至一”，再点击“链接二至一”，那么“链接二至一”仍然处于活动状态。对不起，我把你的要求搞错了。我已经更新了我的答案。这里是演示哦，它的作品！！！Thaaanks！！！！

$("ul li").click(function() {
  var target = $($(this).data("target"));
  $(".hidden").not(target).not(this.closest('ul')).removeClass("show");
  target.toggleClass("show");
  $(this).siblings().removeClass('active');
  $(this).addClass("active");
})