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

时间:2014-05-17 16:49:48

标签: javascript php jquery html css

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

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

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

1 个答案:

答案 0 :(得分:0)

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

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

这将解决问题:)

DEMO