Javascript 使有序列表可折叠

我有一个有序的列表，我想让它在默认情况下可折叠，并在用户单击链接时可展开

我怎样才能使它正常工作

使用下面的脚本，它会折叠所有父项，然后无法正确打开它们

$（窗口）.load（函数（）{
准备主义者（）；
});
函数prepareList（）{
$（“#expList”）.find（'li:has（ol）'
。单击（功能（事件）{
if（this==event.target）{
$（this.toggleClass（'expanded'）；
$（this.children（'ol'）。toggle（'medium'）；
}
返回false；
})
.addClass（'折叠'）
.children（'ol'）.hide（）；
//创建按钮功能
$（“#扩展列表”）
.unbind（'单击'）
。单击（函数（）{
$（'.collapsed'）.addClass（'expanded'）；
$（'.collapsed'）.children（）.show（'medium'）；
})
$（“#collapseList”）
.unbind（'单击'）
。单击（函数（）{
$（'.collapsed'）.removeClass（'expanded'）；
$（'.collapsed'）.children（）.hide（'medium'）；
});
};
。页面左栏{
宽度：200px；
背景色：#fff；
}
ol{
左边距：0px；
左侧填充：20px；
}
.手册第页{
颜色：#687074；
计数器重置：项目；
}
ol{
计数器重置：项目；
颜色：#687074；
}
欧利{
显示：块；
填充：5px0；
}
奥利亚{
文字装饰：无；
颜色：#687074；
左侧填充：10px；
}
奥利：以前{
内容：计数器（项目“.”）；
反增量：项目；
字体大小：粗体；
}

子列表对齐














如果要切换子菜单的可见性。首先从HTML中的id
#expList
中删除
#
，如@MoshFeu所说

<ol id='expList'>

请参见此
A。从id
\expList
中删除
。B.当您点击
联系人
单词时，您正在点击
a
标签（
event.target
是
a
），因此
此==事件。target
始终是
false
$(document).ready(function(){
  $("#expList").find("ol").hide();

  $("#expList > li").click(function(){
    $(this).find("ol").slideToggle();
  });
});