Javascript 常见问题解答-手风琴展开/折叠功能

处理现有的展开/折叠“FAQ”手风琴页面，并希望“展开/折叠”功能正常工作

我设法让页面开始时所有内容都已折叠，但当我单击任何列展开，然后单击另一列时，原始列不会折叠

重要的是，我想保持搜索功能完好无损

$（'.collapse'）.collapse（）；//全部崩溃
//本节使搜索工作正常。
（功能（）{
var searchTerm，panelContainerId；
$（“#手风琴搜索栏”）。打开（'change keyup'，function（）{
searchTerm=$（this.val（）；
$（'#accordion>.panel'）。每个（函数（）{
panelContainerId='#'+$（this.attr（'id'）；
//使搜索不区分大小写
$.extend（$.expr['：']{
“包含”：函数（元素、i、匹配、数组）{
return（elem.textContent | | | elem.innerText | |“”）.toLowerCase（）
.indexOf（（匹配[3]| |“”）.toLowerCase（））>=0；
}
});
//END使搜索不区分大小写
//显示和隐藏触发器
$（panelContainerId+'：不（：contains（'+searchTerm+'））））。hide（）；//隐藏已包含搜索查询的行。
$（panelContainerId+'：包含（“+searchTerm+”）。show（）；//显示执行此操作的行！
});
});
}());
@导入url（'https://fonts.googleapis.com/css?family=Anton');
身体{
背景#29AB87；
背景颜色：绿色；
}
h1{
字体系列：“安东”，无衬线；
颜色：#29AB87；
}
.输入组{
边缘顶部：20px；
边缘底部：10px；
}
.小组{
边缘顶部：10px；
背景色：rgba（255、255、255、.9）！重要；
边框：实心2px#ccc；
}
.小组标题{
背景色：#8AFFDF！重要；
}
#手风琴搜索栏{
边框：实心2px#ccc；
}
.btn默认值{
边框：实心1.5px#ccc；
}
.fa搜索{
字体大小：1.3em；
}
法爪先生{
字号：1.4em；
颜色：#6B7F7A；
}

动物档案
狮子（Panthera leo）是Panthera属的大型猫科动物之一，也是猫科动物的一员。常用的术语非洲狮统称为非洲的几个亚种。一些雄性体重超过250公斤（550磅），是仅次于老虎的第二大现存猫科动物。野生狮子目前存在于撒哈拉以南非洲和印度（吉尔森林国家公园中有濒危的残余种群）。在古代历史时期，他们的活动范围遍及非洲大部分地区，包括北非，以及从希腊、东南欧到印度的欧亚大陆。大约10000年前的晚更新世，狮子是继人类之后分布最广的大型陆地哺乳动物：黑豹生活在北欧和西欧，黑豹生活在从育空到秘鲁的美洲

蛇是蛇亚目中细长、无腿的食肉爬行动物，与无腿蜥蜴的区别在于它们缺少眼睑和外耳。像所有的鳞片动物一样，蛇是体温过高的羊膜脊椎动物，覆盖着重叠的鳞片。许多种类的蛇的头骨比它们的蜥蜴祖先多几个关节，使它们能够用高度活动的下颚吞下比头部大得多的猎物。为了适应它们狭窄的身体，蛇的成对器官（如肾脏）一个在另一个前面，而不是并排出现，并且大多数只有一个功能性肺。有些物种在泄殖腔两侧保留着一条骨盆带和一对退化的爪子

猫鼬是一种小型食肉动物，属于猫鼬科（疱疹科）。它是苏芮卡属的唯一成员。猫鼬生活在博茨瓦纳卡拉哈里沙漠的所有地区，纳米比亚和安哥拉西南部的纳米布沙漠的大部分地区，以及南非。一群猫鼬被称为“暴徒”、“帮派”或“氏族”。猫鼬家族通常有20只左右的猫鼬，但一些超级家族有50个或更多的成员。在圈养条件下，猫鼬的平均寿命为12-14年，其中一半在野外

信息由维基百科提供

如果您希望面板开始折叠，请不要使用

调用
$（'.collapse'）.collapse（）
不会折叠面板，它会覆盖
中的
（因此面板关闭）和
数据父级（因此您会丢失一次一个面板的行为）

您也不需要在每次按键时定义三次
：contains
伪选择器。一次就够了。您不需要显式地循环所有的
#accordion
.panel
.s，只需使用足够宽的选择器即可


//不需要。
//$（'.collapse'）.collapse（）；
//本节使搜索工作正常。
（功能（）{
//使搜索不区分大小写
$.extend（$.expr['：']{
“包含”：函数（元素、i、匹配、数组）{
return（elem.textContent | | | elem.innerText | |“”）.toLowerCase（）
.indexOf（（匹配[3]| |“”）.toLowerCase（））>=0；
}
});
//END使搜索不区分大小写
$（“#手风琴搜索栏”）。打开（'change keyup'，function（）{
var searchTerm=$（this.val（）；
$（'#accordion>.panel'）.hide（）；//隐藏所有行。
$（'#accordion>.panel:包含（'+searchTerm+'））.show（）；//显示与搜索查询匹配的行。
});
}());
@导入url（'https://fonts.googleapis.com/css