如何使用JavaScript / jQuery制作嵌套的手风琴式结构？

Question

最初禁用所有accordian tabs，选择Main Category后，应启用并显示后续Sub Categories。

1. 初始状态
2. 输入some text后，Main Category启用
3. 选择后Main Category`子类别＆＃39;启用并打开。
4. ......等等

抱歉图片太多 我关注了this教程here。在页面加载时，所有选项卡都已展开，没有折叠效果。