jquery - 显示孩子并隐藏父母

Question

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

Answer 1

您可以尝试使用 jQuerysiblings()选择器。

$('.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

样本

//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;
});