Jquery list within a list menu
<p>So I would like to build a unsorted list and and another unsorted list within it so there is a basic menu functionality.</p>

<p>I basically need to know how to have Jquery access the elements so when a main level item is clicked, its children show.</p>

<p>So for example:</p>

<pre><code>&lt;ul class="category-links"&gt;
&lt;li&gt;
        &lt;span&gt;Category 1&lt;/span&gt;             
        &lt;ul class="sub-category-links"&gt;
           &lt;li&gt;Sub-category 1&lt;/li&gt;
           &lt;li&gt;Sub-category 2&lt;/li&gt;
           &lt;li&gt;Sub-category 3&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;   
&lt;/ul&gt;
</code></pre>

<p>I might have several of these.  Essentially I set the subcategories to display:none and I want Jquery to allow for when I click on the "category-links", only its children are displayed.</p>

<p>Thanks!</p>
