Css 具有可单击和可扩展子菜单的引导下拉列表

我正在尝试建立引导下拉菜单，其中的子菜单可以在点击时展开，我有这个问题的快照附加请检查，我无法在谷歌上找到类似的东西，所以我张贴这个问题。有人能为我提供css或JSFIDLE吗？这是我到目前为止试过的。。。（）

[]

。下拉菜单li{
边框底部：1px虚线#ccc；
}
.下拉菜单李：最后一个孩子{
边界：0；
}
.下拉菜单li i{
左侧填充：10px；
}
.下拉菜单LIA{
显示：-webkit内联框；
左侧填充：0px；
}

出口

fiddle链接不起作用更新请检查更新的fiddle链接请检查您到底想要什么

fa-file-word-o

chang on click？使用内部折叠下拉列表：