javascript - 如何使用 jQuery 切换列表子列表子列表?

标签 javascript php jquery html css

我基本上是一名 PHP 开发人员,并且坚持使用 jQuery。我能够在页面上以列表的形式显示目录中的所有文件。我想对它们进行切换效果,就像我们单击文件夹时它会滑动其中的所有文件一样。但这些是动态的,每个文件夹中可能有数百个。这是我做的JS FIDDLE DEMO .我已将我的代码的 HTML 版本粘贴到此 fiddle 中。 jQuery 部分:

$(document).ready(function (e) {
    $('.directory').find('ul').hide();

    $('.directory').click(function (e) {
        $(this).children().show('fast');
    });
});

最佳答案

$(document).ready(function(e) {

  $(".directory").click(function(event) {
    event.stopPropagation();
    $(this).children('ul').toggle('fast');
  });
});

这会成功:)

DEMO

关于javascript - 如何使用 jQuery 切换列表子列表子列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23713850/

相关文章:

javascript - 如何将本地磁盘上的文本文件读入 javascript 中的变量

javascript - Google Maps V3 API 链接到 infowindow

php - Laravel:表格更新表中的多行?

php - 从 sql 内容中分解 <table>, <div>

javascript - 如何用 jQuery 做汽车转向灯(信号灯)?

javascript - 使用 jquery 根据隐藏字段值删除隐藏字段

javascript - Promise.all 返回 [null, null] 且未按预期返回

javascript - 使用 Function.prototype.bind() 部分应用 mkdirp

php - 调用两次时 mysql_connect 的行为

javascript - 根据嵌套键值计算对象