Javascript 单击时jQuery选项卡无法正常工作

我正在使用jQuery创建一个选项卡，当单击其他选项卡时，它需要是可单击的。但它不能正常工作，我的代码有问题。我试图寻找其他解决办法，但仍然没有奏效。有人能帮我吗？先谢谢你

这是我的密码。

$（'.tabs ul li:first'）.addClass（'active'）；
$（'.tabs div.tabs div'）.hide（）；
$（'.tabs div:first.tabs div'）.show（）；
$（'.tabs ul li'）。单击（函数（）{
$（'.tabs ul li'）.removeClass（'active'）；
$（this.addClass（'active'）；
$（'.tabs div.tabs div'）.hide（）；
var activeTab=$（this.find（'a'）.attr（'href'）；
$（activeTab.fadeIn（）；
返回false；
});

.tabs ul li{
显示：内联块；
}
李安先生{
背景#937638；
填充：10px；
颜色：#fff；
显示：内联块；
文字装饰：无；
}
表，td，th{
边框：1px实心#ddd；
文本对齐：左对齐；
}
桌子{
边界塌陷：塌陷；
宽度：100%；
}
th，td{
填充：15px；
}

名字
姓氏
费用
彼得
格里芬
$100
露易丝
格里芬
$150
乔
斯旺森
$300
克利夫兰
棕色的
$250



名字
姓氏
储蓄
彼得
格里芬
$100
露易丝
格里芬
$150

我认为这就是您要寻找的嵌套选项卡

$（'.tabs ul li'）。单击（函数（）{
$（'.tabs>ul>li.active'）.removeClass（'active'）；
$（this.addClass（'active'）；
const parent=$（this）.closest（'.tabs'）；
find（'.content'）.hide（）；
var activeTab=$（this.find（'a'）.attr（'href'）；
find（activeTab.fadeIn（）；
返回false；
});
.tabs ul li{
显示：内联块；
}
.内容{
显示：无；
}
李安先生{
背景#937638；
填充：10px；
颜色：#fff；
显示：内联块；
文字装饰：无；
}
桌子
运输署，
th{
边框：1px实心#ddd；
文本对齐：左对齐；
}
桌子{
边界塌陷：塌陷；
宽度：100%；
}
th，
运输署{
填充：15px；
}








名字
姓氏
费用
彼得
格里芬
$100
露易丝
格里芬
$150
乔
斯旺森
$300
克利夫兰
棕色的
$250



名字
姓氏
储蓄
彼得
格里芬
$100
露易丝
格里芬
$150
请详细说明您的问题。您好，我的问题是，当我单击第二个主选项卡时，内容不会显示，而当我单击返回第一个主选项卡时，内容将无法再单击。第一件吸引我眼球的事情是。行
activeTab=$（this.find（'a'）.attr（'href'）
返回
href
的值，如
#2021
。您确定下一行是正确的：
$（activeTab）.fadeIn（）？两个选项卡的ID和href相同…更改为：
，它将work@ChristineSalazar我做了一把小提琴：