Finding Text within a nested list
<p>i have a list that's dynamically generated. What i'm trying to do is show only the nested list of the page the person is on. How i think i can do that is by default i will hide all the nested items of this list, giving me only the first level of the (ul). What I want to do next is find in the nested list the name of the page (the name of the page will always be in the navigation) and when i find it, i want to show all of the found (li) neseted (ul)'s and parent (ul). Currently i got it so it only shows me the first level so my lists looks like this</p>

<pre><code>Stone Mosaics
Glass Mosaics
Medallions &amp; Murals
Etched Stone
</code></pre>

<p>If i'm on the basket weave page, i need it to look like this:</p>

<pre><code>Stone Mosaics
  Basketweave
    one
    two
    three
  Blanch
  Chex
Glass Mosaics
Medallions &amp; Murals
Etched Stone
</code></pre>

<p>So again, "find" Basketweave and show it and it's parent and it's children (1 level down). I hope this makes sense. Here's the code of the list:</p>

<pre><code>&lt;div id="subNav"&gt;
  &lt;ul&gt;
    &lt;li&gt; &lt;a href="/stone-mosaics?nav=collections"&gt;Stone Mosaics&lt;/a&gt;
      &lt;ul&gt;
        &lt;li&gt; &lt;a href="/basketweave?nav=collections"&gt;Basketweave&lt;/a&gt; &lt;/li&gt;
        &lt;ul&gt;
          &lt;li&gt;one&lt;/li&gt;
          &lt;li&gt;two&lt;/li&gt;
          &lt;li&gt;three&lt;/li&gt;
        &lt;/ul&gt;
        &lt;li&gt; &lt;a href="/blanch?nav=collections"&gt;Blanch&lt;/a&gt; &lt;/li&gt;
        &lt;li&gt; &lt;a href="/chex?nav=collections"&gt;Chex&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt; &lt;a href="/glass_mosaics?nav=collections"&gt;Glass Mosaics&lt;/a&gt; &lt;/li&gt;
    &lt;li&gt; &lt;a href="/medallions_and_murals?nav=collections"&gt;Medallions &amp;amp; Murals&lt;/a&gt;
      &lt;ul&gt;
        &lt;li&gt; &lt;a href="/cucina?nav=collections"&gt;Cucina&lt;/a&gt; &lt;/li&gt;
        &lt;li&gt; &lt;a href="/glow?nav=collections"&gt;Glow&lt;/a&gt; &lt;/li&gt;
        &lt;li&gt; &lt;a href="/Louvre?nav=collections"&gt;Louvre&lt;/a&gt; &lt;/li&gt;
        &lt;li&gt; &lt;a href="/pools?nav=collections"&gt;Pools&lt;/a&gt; &lt;/li&gt;
        &lt;li&gt; &lt;a href="/Tapeti?nav=collections"&gt;Tapeti&lt;/a&gt; &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt; &lt;a href="/etched_stone?nav=collections"&gt;Etched Stone&lt;/a&gt;
      &lt;ul&gt;
        &lt;li&gt; &lt;a href="/Barroque?nav=collections"&gt;Barroque&lt;/a&gt; &lt;/li&gt;
        &lt;li&gt; &lt;a href="/Bordo-Antico?nav=collections"&gt;Bordo Antico&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>Thanks for all of your help!</p>
