触摸纯CSS3时关闭子菜单

我只是想知道是否可以通过再次点击子菜单的名称来关闭它？ 我正在做一个网站的水平菜单，其中有几个子菜单。在li上：悬停-子菜单打开， 如果触摸到另一个元素，则关闭。但是如何通过点击相同的列表项来关闭相同的菜单呢？是否可以在纯CSS3上执行此操作

谢谢。

您可以（错误地）使用CSS属性为：checked的输入（checkbox）元素，例如：

.input-list-item + .list-below { display: none; }
.input-list-item:checked + .list-below { display: block; }  

---

支持现代浏览器和（使用正确的doctype）IE9+

Ok，如果需要一次只选中一个组的复选框？像单选按钮，但有可能“取消选中”选中一个？