[Resolvido] Selecionar Checkboxs na Hierarquia

[leooizepi 1]

e ae galera.. bom dia!

 

Tenho uma hierarquia, e em cada item tenho 1 checkbox, gostaria que quando o usuario clicasse no checkbox, selecionar todos seus filhos, sub-filhos, até a ultima ocorrencia!

 

exemplo da hierarquia...

<ul id="browser" class="filetree">			    
    <li><span class="folder"><input type="checkbox" class="check" />Folder 1</span>
        <ul>
            <li><span class="file"><input type="checkbox" class="check" />Item 1.1</span></li>
        </ul>
    </li>
    <li><span class="folder"><input type="checkbox" class="check" />Folder 2</span>
        <ul>
            <li><span class="folder"><input type="checkbox" class="check" />Subfolder 2.1</span>
                <ul>
                    <li><span class="file"><input type="checkbox" class="check" />File 2.1.1</span></li>
                    <li><span class="file"><input type="checkbox" class="check" />File 2.1.2</span></li>
                </ul>
            </li>
            <li><span class="file"><input type="checkbox" class="check" />File 2.2</span></li>
        </ul>
    </li>
    <li class="closed"><span class="folder"><input type="checkbox" class="check" />Folder 3 (closed at start)</span>
        <ul>
            <li><span class="file"><input type="checkbox" class="check" />File 3.1</span></li>
        </ul>
    </li>
    <li><span class="file"><input type="checkbox" class="check" />File 4</span></li>
</ul>

Como fazer isso com jquery?

 

valeu.. abraço!

[leooizepi 1]

consegui resolver, ai vai o código:

 

/*
		* Checar hierarquia
	*/
	$('.check').live('click',function(){
		// true ou false
		var check = this.checked;
		// seleciona a hierarquia
		$(this).parents('span').next('ul').find('.check').attr('checked',check);		
	})