Javascript 多选下拉列表-选中optgroup时折叠

嗨，我在我的页面上使用多选下拉菜单。在这里，我试图在检查组时折叠子选项。例如，当我们选中copywriting复选框时，其所有子选项都应该隐藏。由于列表是动态生成的，我不知道如何才能完成。提前谢谢

$（“.group css”）。在（“单击”，函数（）上）{
$（this.sibling（）.hide（）；
});
$（“#隐私”）。多重选择({
选择AllText:“项目中的所有人”，
宽度：220，
过滤器：对，
选择的最小计数：5，
省略：是的，
占位符：“类别”，
位置：“底部”
});
/*多选复选框*/
.子选项{
左侧填充：20px；
}
家长女士{
最大宽度：300px；
}
.m-隐藏{
可见性：隐藏；
高度：0px；
}
.single>标签{
边缘底部：0px；
}
.单个>标签>输入{
右边距：6px；
}
.单个>标签>跨度{
字体大小：14px；
}
.组>标签{
字体大小：正常！重要；
}
.隐私或>标签>输入{
显示：无；
}
.隐私或>标签>范围{
显示：块；
文本对齐：居中；
颜色：红色；
}
/*多选复选框结束*/

-----或-----
无类别
文章
博客帖子
宾馆
新闻稿
连接大楼
混杂的
排名
搜索引擎优化实现
搜索引擎优化计划
您可以试试

使用Select2：一个简单的示例。


$（“#选择测试”）.select2（）；
$（“正文”）。在（'单击'，'上。选择2-results\u group'，function（）{
$（this.sides（）.toggle（）；
})

选择1
选择2
选择3
选择4
备选案文5
备选案文6