关于纯css可折叠菜单的CSS

Question

我想知道纯css只有可折叠菜单的好例子

这是一个例子

http://cssdeck.com/labs/pure-css-tree-menu

该示例使用input:checked作为将孩子从display:none更改为display:block的触发器

这是使用li:hover执行此操作的示例

Make pure css collapsible menu triggered by down arrow for mobile browsers

但是我想用li:click作为触发器，这可能吗？

非常感谢你的建议，非常感谢我能有一个例子。

Answer 1

是的，我们可以！

您可以使用点击时激活的:focus伪：http://jsfiddle.net/w5zev/2/停用对于此技术来说更为棘手。

采取谷歌搜索引导我到这里：http://quhno.internetstrahlen.de/myopera/csstests/collapsible-paragraph.html#url

Answer 2

你不能完全用CSS做这件事：点击甚至不是一个有效的css选择器属性（如果我错了，有人请纠正我）。您只能使用：active，hover＆amp;参观。但是你可以使用javascript或jQuery

例如。 $('li').click(function(){//Do Something});