Get child <ul> in <ul> list without id and with e.preventDefault() on first level of <ul><li><a>
<p>I have some menu with structure like this:</p>

<pre><code>&lt;ul id="menu"&gt;
    &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;First level link 1&lt;/span&gt;&lt;/a&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;Child link 1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;Child link 2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;First level link 2&lt;/span&gt;&lt;/a&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;Child link 2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;Child link 2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>It need to show only first level ul li, its ok, but then it needs to show by on click second level links. And i cant usw id or rel attr in ul or li - this is my problem to catch child .</p>

<p>My code is like:</p>

<pre><code>var menuRaw = $("ul#menu &gt; li:lt(5)");

    menuRaw.click(function(e){
        e.preventDefault();

        var menuItem = $(this);

        menuRaw.removeClass("selected");
        menuItem.addClass("selected");

        $('#menu ul').hide();
        menuItem.find("ul").show();
    }
</code></pre>

<p>And it works but e.preventDefault() is blocking all links in menu (but on second level links needs to be working links as normally they do)</p>

<p>Sorry for my English, and this is first question on stackoverflow.</p>
