Javascript 无法使用jQuery筛选具有两个选项卡组的div

我正在尝试根据两个选项卡组（NAV）过滤div，但无法使其正常工作。我不想刷新页面，因为在本节之前我会有很多内容。我知道使用AJAX会更有效，但是没有它能做到吗？我以前有过只使用一个选项卡组而不使用ajax的filter div，但我不知道这是否可行，因为我使用了两个选项卡组。提前谢谢

$（文档）.ready（函数（）{
$（'.colleGetTypeNav.tab'）。单击（函数（）{
var tabID=$（this.data（'tabID'）；
$（'.CollegetTypeNav.tab'）.children（）.removeClass（'current'）；
$（this.addClass（'current'）；
$（'.mainContent'）.children（）.hide（）；
$（'.mainContent'）.find（“[data blockid=“+tabID+”]））.show（）；
});
$（'.aboutCollegeNav.tab'）。单击（函数（）{
var tabID=$（this.data（'tabID'）；
$（'.aboutCollegeNav.tab'）.children（）.removeClass（'current'）；
$（this.addClass（'current'）；
$（'.mainContent'）.children（）.hide（）；
$（'.mainContent'）.find（“[data blockid=“+tabID+”]））.show（）；
});
});
.current{
背景：红色；
} 
导航ul{
列表样式：无；
}
李{
光标：指针；
填充：20px；
}
李：悬停{
背景：红色；
}
梅纳夫{
显示器：flex
}
李美娜先生{
右边距：30px；
文字装饰：无；
}
.学院类型导航{
背景：#c4d8ff；
}
.CollegetTypeNav ul{
显示器：flex；
左边距：100px；
}
.collegeTypeNav ul li{
右边距：10px；
}
.middleContent{
显示器：flex；
}
.关于集合{
背景：14；
}
.aboutCollegeNav ul{
填充：0px；
}
.aboutCollegeNav ul li{
边缘底部：10px；
}
.主要内容{
左边距：50像素；
}

文件






关于专业
知识产权是一种权利，是一种权利，是一种权利，是一种权利
多洛尔
麦格纳阿利夸。但是，在最低限度的情况下，我们需要在实验室进行实习，并在工厂外进行实习
康茂多
康塞奎特。两人或两人在同一个地方，在同一个地方
帕里图尔。除非圣约翰不冒失，否则不应因行为不当而受到惩罚
美国东部时间
实验室


工程
科学
文科


概述
统计
课程

工程概况
洛雷姆·伊普斯姆·多洛·希特，一位杰出的职业经理人，他是一位临时劳工
et
多洛雷·麦格纳·阿利夸。我们的工作是最低限度的，我们的工作是在实验室里进行的
阿利基普
ex ea commodo consequat。两人或两人在一起是因为他们在一起是因为他们在一起
欧盟
福吉亚空区。不可因疏忽而导致死亡的例外情况，不可因疏忽而导致死亡
应得
莫利特动物是产下的

工程统计
洛雷姆·伊普斯姆·多洛·希特，一位杰出的职业经理人，他是一位临时劳工
et
多洛雷·麦格纳·阿利夸。我们的工作是最低限度的，我们的工作是在实验室里进行的
阿利基普
ex ea commodo consequat。两人或两人在一起是因为他们在一起是因为他们在一起
欧盟
福吉亚空区。不可因疏忽而导致死亡的例外情况，不可因疏忽而导致死亡
应得
莫利特动物是产下的

工程课程
洛雷姆·伊普斯姆·多洛·希特，一位杰出的职业经理人，他是一位临时劳工
et
多洛雷·麦格纳·阿利夸。我们的工作是最低限度的，我们的工作是在实验室里进行的
阿利基普
ex ea commodo consequat。两人或两人在一起是因为他们在一起是因为他们在一起
欧盟
福吉亚空区。不可因疏忽而导致死亡的例外情况，不可因疏忽而导致死亡
应得
莫利特动物是产下的

科学综述
洛雷姆·伊普斯姆·多洛·希特，一位杰出的职业经理人，他是一位临时劳工
et
多洛雷·麦格纳·阿利夸。我们的工作是最低限度的，我们的工作是在实验室里进行的
阿利基普
ex ea commodo consequat。两人或两人在一起是因为他们在一起是因为他们在一起
欧盟
福吉亚空区。不可因疏忽而导致死亡的例外情况，不可因疏忽而导致死亡
应得
莫利特动物是产下的

科学统计
洛雷姆·伊普苏姆·多洛·希特·阿梅特，康塞特图