title: Select only the UL child of a LI item
body: <p>I want to do something similiar to a tree-view (really simpler)..</p>
  
  <p>This is my effort: (When I click the first "parent-item it goes ok and reveals his "son", but when I click the son, which is also a "parent-item", it toggles back..</p>
  
  <p>So I want something like that <code>closest()</code> function but for childs instead of parents..</p>
  
  <p>jquery:</p>
  
  <pre><code>$(document).ready(function () {
          $('#nav .parent-item').click(function () {
              $(this).children('ul').slideToggle();
          });
      });
  </code></pre>
  
  <p>the html:</p>
  
  <pre><code>&lt;ul id="nav"&gt;
  &lt;li&gt;Atividade Recente&lt;/li&gt;
  &lt;li class="parent-item"&gt;Projetos&lt;/a&gt;
      &lt;ul&gt;
          &lt;li class="parent-item"&gt;&lt;a href="#"&gt;Renavam&lt;/a&gt;
              &lt;ul&gt;
                  &lt;li&gt;Atividade Recente&lt;/li&gt;
                  &lt;li&gt;Conversação&lt;/li&gt;
                  &lt;li&gt;Tarefas&lt;/li&gt;
                  &lt;li&gt;Pessoa &amp; Permissões&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Minhas atividades&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p></p>