Показать детей и скрыть родителя

Question

Я хочу показать .folder, когда его щелкнули и спрятали весь остальной контент. Также как файловый браузер.

Answer 1

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

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

это должно работать.

Answer 2

Вы можете попробовать использовать JQuery siblings() selector.

$('.folder').on('click',function(e){ 
    $(this).children().toggle(); 
    $(this).siblings('li.folder').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; 
});