【问题标题】:CSS about pure css collapsible menuCSS 关于纯 CSS 可折叠菜单
【发布时间】:2012-12-28 02:07:28
【问题描述】:

我想知道有没有纯 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作为触发器,可以吗?

非常感谢您的建议,非常感谢我能举个例子。

【问题讨论】:

    标签: html css menu collapsable


    【解决方案1】:

    你不能纯粹用 CSS 来做到这一点, :click 甚至不是一个有效的 CSS 选择器属性(如果我在这里错了,请有人纠正我)。您只能使用:活动、悬停和访问。但是,您可以使用 javascript 或 jQuery

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

    【讨论】:

    • 投反对票的人,请评论原因,以便我们可以改进未来用户的答案,而不是简单地拖钓。
    【解决方案2】:

    是的,我们可以!

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

    取自谷歌搜索,它把我带到这里:http://quhno.internetstrahlen.de/myopera/csstests/collapsible-paragraph.html#url

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-12-16
      • 2022-01-25
      • 2014-02-20
      • 1970-01-01
      • 2023-04-05
      • 2013-02-12
      • 2016-08-07
      • 2013-06-18
      相关资源
      最近更新 更多