click on li if no leaf node its append in another div
<p>I have one Activity xml file and I am try to get from activity when click on activity there child display. Its look like end of the all click.</p>

<pre><code>  &lt;ul id="firstLevelChild"&gt;
&lt;ul id="ul"&gt;
    &lt;li id="4"&gt;Activities
        &lt;ul class="ul"&gt;
            &lt;li id="10066"&gt;Physical1
                &lt;ul class="ul"&gt;
                    &lt;li id="10067"&gt;Cricket
                        &lt;ul class="ul"&gt;
                            &lt;li id="10068"&gt;One Day&lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/li&gt;
                &lt;/ul&gt;
            &lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
&lt;/ul&gt;
&lt;/ul&gt;
</code></pre>

<p>Now I want that if li have no leaf node then its display in other another div. Something like:</p>

<p>Click on <code>Acitivities</code> there have child node <code>Physical1</code> and there also child <code>Cricket</code> and there chil <code>One Day</code> now one day have no child when click on <code>one day</code> its display in my <code>&lt;div id="result"&gt;&lt;/div&gt;</code></p>
