unable to check if <li> is present inside another <li> using jquery
<p>I have a list items as below and i want to hide the children of any list item which had another list inside. If i click on list one, two, three,.. they should toggle, but if i click on 1.1,1.2  they should not be toggled because there is no list present inside 1.1,1.2,...</p>

<pre><code>&lt;ul&gt;
    &lt;li class="curchange"&gt;one
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;1.1&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;1.2&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;1.3&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li class="curchange"&gt;two
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;2.1&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;2.2&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;2.3&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li class="curchange"&gt;three
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;3.1&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;3.2&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;3.3&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li class="curchange"&gt;four
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;4.1&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;4.2&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;4.3&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li class="curchange"&gt;five
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;5.1&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;5.2&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;5.3&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Below is my code but if i click on 1.1, 1.2 still it is hiding them</p>

<pre><code>$(document).ready(function() {

    $("li").click(function(e) {
        e.stopPropagation();

        //hide it's children
        var curEle = $(this);

        if (curEle.has("li")) curEle.children().toggle();
    });

});
</code></pre>
