자녀를 표시하고 부모를 숨기기

Question

.folder을 클릭하여 표시하고 나머지 모든 콘텐츠를 숨기려고합니다. 파일 브라우저처럼.

Answer 1

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

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

이 작동해야 jQuery를 siblings() selector.를 사용하여 시도 할 수 있습니다. 당신은 단순히 파일 브라우저를 사용 할 수없는 이유

Answer 2

당신은

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