question about collapsable tree nav
<p><a href="http://stackoverflow.com/questions/3290845/jquery-how-do-i-make-a-collapsable-tree-nav">jQuery: how do I make a collapsable tree nav??</a></p>

<p>This solution is exactly what I need and is working well to collapse an unordered list I made, but what if i want to apply the same functionality to the nested li's? When I add the same </p>

<pre><code>$('.sortable&gt;li&gt;ol&gt;li').click(function() {
$(this).children("ol").stop(true, true).toggle("fast");
});
</code></pre>

<p>and then click, it does what it needs to but the node then closes..</p>

<p>my HTML is </p>

<pre><code>   &lt;ul class='sortable'&gt;
        &lt;li&gt;text1&lt;/li&gt;
        &lt;ul&gt;
          &lt;li&gt;text2&lt;/li&gt;
           &lt;ul&gt;
             &lt;li&gt;text3&lt;/li&gt;
             &lt;li&gt;text3&lt;/li&gt;
             &lt;li&gt;text3&lt;/li&gt;
           &lt;/ul&gt;
          &lt;li&gt;text2&lt;/li&gt;
          &lt;li&gt;text2&lt;/li&gt;
        &lt;/ul&gt;
        &lt;li&gt;text1&lt;/li&gt;
        &lt;li&gt;text1&lt;/li&gt;
    &lt;/ul&gt;
</code></pre>

<p>So when I click on 1, 2 slides down and that works but if i click on 2, i want 3 to toggle but 2 slides up. </p>

<pre><code>$('.sortable&gt;li').click(function() {
    $(this).children("ol").stop(true, true).toggle("fast");
});​
</code></pre>

<p>Thats my code... I hope I've explained this, I'll make a jFiddle too.</p>

<p><a href="http://jsfiddle.net/tara_irvine/uaDhr/4/" rel="nofollow">http://jsfiddle.net/tara_irvine/uaDhr/4/</a></p>
