Javascript 常见问题手风琴搜索

我有一个常见问题页面。现在我想在该页面中提供搜索功能。我已成功实现搜索功能，但无法打开与搜索文本相关的特定问题。任何帮助都将不胜感激

以下是我的脚本：

$（文档）.ready（函数（）{
$（“#搜索常见问题”）。在（“按键单击输入粘贴”，函数（））{
var val=$（this.val（）；
if（val.length）{
$（“#常见问题解答#新的.card.accordion”）.hide（）.filter（函数（）{
返回$（'.bloc_-question.card title'，this.text（）.toLowerCase（）.indexOf（val.toLowerCase（））>-1 |$（'.bloc_-question.card body'，this.text（）.toLowerCase（）.indexOf（val.toLowerCase（））>-1；
}).show（）；
}否则{
$（this.next（）.slideToggle（600）；
$（“.accordion content”）.not（$（this.next（））.slideUp（600）；
$（“.accordion toggle”）.not（$（this））.css（'color'，'000000'）；
$（'.accordion arrow'）。不是（$（this）。查找（'.accordion arrow'））。旋转（0）；
}
});
});

Lorem Ipsum只是一个虚拟文本
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是业界标准的虚拟文本，当时一家不知名的印刷商拿起一个打印工具，将其拼凑成一个文本
打印样本簿。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表的发行而流行，等等
最近，Aldus PageMaker等桌面发布软件包括Lorem Ipsum版本。
嘿，为什么不像下面的参考那样使用引导搜索手风琴呢


（函数（）{
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（）；
});
});
}());

佩伦茨克康瓦利斯多洛酒店

埃尼姆大酒庄酒店

laoreet nisi前庭

坐在阿梅特广场上

库拉比图尔酒店

艾米特·努克·埃吉特，莫利斯孕妇

请编辑我用相关框架等制作的代码片段-例如，我们缺少CSS和手风琴箭头