javascript - 从 CSS 脚本打开 Jquery 以来的文件夹

Question

我有一个 CSS 脚本，可以让您在 HTML 上模拟文件资源管理器。

我遇到的问题是我想创建一个按钮来自动打开该列表中的所有文件夹和子文件夹。

这是单击复选框时调用的 css 示例:

li input:checked + ol
{
    background: url('http://www.01800iglesia.org/imagenes/numeros-01.png') 44px 5px no-repeat;
    background-size: 12px 12px;
    margin: -1.25em 0 0 -44px; /* 20px */
    padding: 1.563em 0 0 80px;
    height: auto;
    width: auto;
}
li input:checked + ol > li { display: block; margin: 0 0 0.125em; }
li input:checked + ol > li:last-child { margin: 0 0 0.063em; }

这里是活生生的例子: https://jsfiddle.net/qzojy5ko/3/

有什么方法可以让文件夹在点击按钮后打开吗？

提前谢谢你。

Answer 1

我已经用一个可行的解决方案 fork 并更新了你的 fiddle 。

https://jsfiddle.net/xgz0z54k/3/

您可以使用 .prop() 来设置点击事件上复选框的值。

jQuery("#my_button").click(function() {
  $("input").prop("checked", true);
});