Javascript 仅当搜索手风琴时在同一面板组中有点击时才显示面板

我正在制作一个手风琴，可以在键盘切换时显示点击的位置进行搜索。到目前为止，这是相当不错的工作，除了我使用面板来显示类别，我不希望面板消失时，仍然有在同一部分点击

感谢codepen，我在JS中已经有了以下内容：

（函数（）{
var searchTerm，panelContainerId；
//创建不区分大小写的新contains
$.expr['：'].ContainsCaseSensitive=函数（n，i，m）{
返回jQuery（n）.text（）.toUpperCase（）.indexOf（m[3].toUpperCase（））>=0；
};
$（“#手风琴搜索栏”）。打开（'change keyup paste click'，函数（）{
searchTerm=$（this.val（）；
$（'#accordion>.panel'）。每个（函数（）{
panelContainerId='#'+$（this.attr（'id'）；
$（panelContainerId+）：非（：ContainesCaseSensitive（“+searchTerm+）））。隐藏（）；
$（panelContainerId+'：ContainesCaseSensitive（'+searchTerm+'））.show（）；
});
});
}());
#手风琴搜索(barr)容器{
位置：相对位置；
}
#手风琴搜索栏容器：之后{
内容：'\e003'；
字体系列：“字形图标半身人”；
宽度：18px；
高度：18px；
位置：绝对位置；
右：10px；
底部：10px；
}
#手风琴搜索栏容器手风琴搜索栏{
显示：块；
利润率：10px自动；
宽度：100%；
填充：7px 10px；
边框：1px实心#cacaca；
边界半径：25px；
大纲：0；
}
.小组标题a{
显示：块；
}

**类别**
答复1

答复2

答复3

答复4


（函数（）{
var searchTerm，panelContainerId；
//创建不区分大小写的新contains
$.expr['：'].ContainsCaseSensitive=函数（n，i，m）{
返回jQuery（n）.text（）.toUpperCase（）.indexOf（m[3].toUpperCase（））>=0；
};
$（“#手风琴搜索栏”）。打开（'change keyup paste click'，function（）{
searchTerm=$（this.val（）；
var TotalShowed=0；
$（'#accordion>.panel'）。每个（函数（）{
panelContainerId='#'+$（this.attr（'id'）；
$（panelContainerId+）：非（：ContainesCaseSensitive（“+searchTerm+）））。隐藏（）；
$（panelContainerId+'：ContainesCaseSensitive（'+searchTerm+'））.show（）；
if（$（panelContainerId+'：ContainesCaseSensitive（'+searchTerm+'））.length）{
totalshow++；
}
});
如果（！TotalShowed）{
$（“#类别”）.hide（）；
}否则{
$（“#类别”）.show（）；
}
});
}());
#手风琴搜索(barr)容器{
位置：相对位置；
}
#手风琴搜索栏容器：之后{
内容：'\e003'；
字体系列：“字形图标半身人”；
宽度：18px；
高度：18px；
位置：绝对位置；
右：10px；
底部：10px；
}
#手风琴搜索栏容器手风琴搜索栏{
显示：块；
利润率：10px自动；
宽度：100%；
填充：7px 10px；
边框：1px实心#cacaca；
边界半径：25px；
大纲：0；
}
.小组标题a{
显示：块；
}

**类别**
答复1

答复2

答复3

答复4

您的问题仍然不清楚你好，Yogen，感谢您抽出时间。只要searchquery在下面的问题或答案中找到匹配项，我就需要显示我命名类别的位置。一旦没有命中，我需要隐藏。现在，当我搜索一个不在类别名称中的关键字时，该类别的with隐藏。因此，如果其中任何一个关键字可见，则显示“category”，否则隐藏它。对的检查下面的答案，如果我理解正确与否