Javascript 手风琴和搜索栏是不行的

所以我在手风琴方面遇到了一些重大问题。在这个例子中，我有三（3）个手风琴的两个部分。真实版本有6个部分。然而，我试图制作一个搜索栏，当你在其中搜索时，匹配搜索的手风琴会显示出来，其余的会隐藏起来。我不知道如何在这个网站上发布代码，因为我对这个网站非常陌生，但我用我的代码搜索并使它与第一个手风琴一起工作。但只有第一个。它不会在其他部分隐藏手风琴，这很糟糕。另外，当我按enter键时，我已将其设置为搜索。有人知道如何在我写的时候进行搜索，这样我就不需要按enter键了吗？非常感谢！！太多了！：D

$（“#myInput”）。在（“键下”，函数mySearch（e）{
如果（e.keyCode==13）{
var text=$（this.val（）.toLowerCase（）；
var parent=document.getElementById（'accordion'）；
对于（i=0；i
输入[类型=文本]{
宽度：130px；
框大小：边框框；
边框：2个实心#ccc；
边界半径：4px；
字体大小：16px；
背景色：白色；
背景图片：url（'searchicon.png'）；
背景位置：10px 10px；
背景重复：无重复；
填充：12px 20px 12px 40px；
-webkit过渡：宽度为0.4s，易于进出；
过渡：宽度0.4s，易于进出；
位置：绝对位置；
右：6%；
}
输入[类型=文本]：焦点{
宽度：25%；
}




手风琴示例
Lorem ipsum dolor sit amet，奉献精英，
这是临时性的劳动和就业机会。我们在这里吃得很少，
我们的实验室是一个普通的实验室。
Lorem ipsum dolor sit amet，奉献精英，
这是临时性的劳动和就业机会。我们在这里吃得很少，
我们的实验室是一个普通的实验室。
Lorem ipsum dolor sit amet，奉献精英，
这是临时性的劳动和就业机会。我们在这里吃得很少，
我们的实验室是一个普通的实验室。




这将是一次考验


Lorem ipsum dolor sit amet，奉献精英，
这是临时性的劳动和就业机会。我们在这里吃得很少，
我们的实验室是一个普通的实验室。
Lorem ipsum dolor sit amet，奉献精英，
这是临时性的劳动和就业机会。我们在这里吃得很少，
我们的实验室是一个普通的实验室。
Lorem ipsum dolor sit amet，奉献精英，
这是临时性的劳动和就业机会。我们在这里吃得很少，
我们的实验室是一个普通的实验室。
getElementById
只查询一次，并且在代码中使用id=“accordion”两次

您应该用一个类替换它们，并改用该方法。你可能也应该改变你孩子的逻辑
 您可以使用jquery对每个循环进行过滤。你不需要额外的代码

请看一下这个片段


$（“#myInput”）。在（“keyup”上，函数mySearch（e）{
var text=$（this.val（）.toLowerCase（）；
$（“.panel a”）。每个（函数（）{
if（$（this）.text（）.toLowerCase（）.includes（text））{
$（this.parents（“.panel”）.show（）；
}否则{
$（this.parents（“.panel”）.hide（）；
}
});
});
输入[类型=文本]{
宽度：130px；
框大小：边框框；
边框：2个实心#ccc；
边界半径：4px；
字体大小：16px；
背景色：白色；
背景图片：url（'searchicon.png'）；
背景位置：10px 10px；
背景重复：无重复；
填充：12px 20px 12px 40px；
-webkit过渡：宽度为0.4s，易于进出；
过渡：宽度0.4s，易于进出；
位置：绝对位置；
右：6%；
}
输入[类型=文本]：焦点{
宽度：25%；
}




手风琴示例
Lorem ipsum dolor sit amet，奉献精英，
这是临时性的劳动和就业机会。我们在这里吃得很少，
我们的实验室是一个普通的实验室。
Lorem ipsum dolor sit amet，奉献精英，
这是临时性的劳动和就业机会。我们在这里吃得很少，
我们的实验室是一个普通的实验室。
Lorem ipsum dolor sit amet，c