展示孩子并隐藏父母

Question

我想在点击时显示.folder，并隐藏其余所有内容。就像文件浏览器一样。

Answer 1

您可以尝试使用jQuery siblings() selector.

$('.folder').on('click',function(e){
    $(this).children().toggle();
    $(this).siblings('li.folder').children().toggle();
    e.stopPropagation();
});

Answer 2

$('ul li.folder').on('click',function(e){

    $(this).siblings('li').toggle();
    $(this).children().toggle();
    e.stopPropagation();
});

这应该有效。

Answer 3

Sample

//toggle children and siblings
$('.folder').on('click',function(e){
    $(this).children().toggle();
    $(this).siblings().toggle();
    e.stopPropagation();
});
//cancel file clicks
$('.file').on('click', function(e) {
    e.stopPropagation();
    return false;
});