Excluir un elemento padre y sus hijos de la acción hide()

Estoy creando este menú, pero tengo un problema al excluir a un padre y sus hijos. Espero solucionar esto sin clases extra.

Entonces, la forma en que se supone que funciona es hacer clic en un a.clicked y lo .hide() el li elements fuera de lo propio li pero dentro del alcance de la ul

no hay problema para encontrar al padre ul y poner una clase en el li lo que hago li.active. Lo difícil aquí se convierte en excluir todos los elementos dentro del li.active. Suena desordenado, así que trato de comentar lo mejor que puedo en el guión.

Gracias chicos por la entrada

EDITAR: hice un mal trabajo explicando pero como si hiciera clic level 1 - 1y level 1 - 2 se supone que debe ocultarse y ese es el patrón a medida que profundizamos en el menú con 2 - 1 ect

primero de aquí es el demo: http://jsfiddle.net/Abj9u/6/

$('.clicked').on('click', function(){
    var $this = $(this);

    //activate this li
    $this.parent('li:first').addClass('active');

    //hide the other level (1)(2)(3)(4)(ect..) li items
    //is there a way to exlude .active li and its children without adding a class like .sub to the sub li's?
    $this.parents('ul:first').find('li').not('.active').hide();

    //add class to this for style
    $this.addClass('selected');

    //show the sub ul
    $this.parent().children('ul:first').show();
});​

html

<ul id="nav">
    <li>
        <a href="#" class="clicked">Level 1 - 1</a>

        <ul class="hidden">
            <li><a href="#" class="clicked">Level 2.1 - 1</a>
                <ul class="hidden"><li><a href="#" class="clicked">Level 3.1 - 1</a></li></ul>                
            </li>
            <li><a href="#" class="clicked">Level 2.2 - 1</a>
                <ul class="hidden"><li><a href="#" class="clicked">Level 3.2 - 1</a></li></ul>                
            </li>
            <li><a href="#" class="clicked">Level 2.3 - 1</a>
                <ul class="hidden"><li><a href="#" class="clicked">Level 3.3 - 1</a></li></ul>                
            </li>
        </ul>                
    </li>

    <li>
        <a href="#" class="clicked">Level 1 - 2</a>

        <ul class="hidden">
            <li><a href="#" class="clicked">Level 2.1 - 2</a>
                <ul class="hidden"><li><a href="#" class="clicked">Level 3.1 - 2</a></li></ul>                
            </li>
            <li><a href="#" class="clicked">Level 2.2 - 2</a>
                <ul class="hidden"><li><a href="#" class="clicked">Level 3.2 - 2</a></li></ul>                
            </li>
            <li><a href="#" class="clicked">Level 2.3 - 2</a>
                <ul class="hidden"><li><a href="#" class="clicked">Level 3.3 - 2</a></li></ul>                
            </li>
        </ul>                
    </li>
</ul>​