DataTables 选择和响应，子行。如何折叠子行？

Question

如果我同时使用DataTable 的responsive 和select 扩展名，我会得到一个令人困惑的行为：

1. 单击一行，它将被选中并展开以显示子行。 好的。
2. 单击另一行，此行将被选中并展开。 还可以。
3. 再次单击第一行，它会被选中但已折叠。不行。

如何使行的行为类似于 jQuery UI Accordion？意思是，在我进行新选择后折叠所有未选择行的子项？

jsfiddle：https://jsfiddle.net/pm2gk9we/12/

Answer 1

这就是我想出的 - 我在行点击后隐藏子行：

$("tr").unbind("click").click(function () {
 $("#table").DataTable().rows().every(function () {
   this.child((this.data())).hide();          
 });
});

当我像这样初始化responsive 时它工作正常（隐藏左侧的图标并在每个单元格上展开行：

new $.fn.dataTable.Responsive(table, {
                        details: {
                            type: 'column',
                            target: 'tr'
                        }
                    });

解决方案：https://jsfiddle.net/pm2gk9we/13/