title: JQUERY Toggle Child UL
body: <p>I have the following HTML:</p>
  
  <pre><code>&lt;li class="helpClickable"&gt;What are the Terms of Service &amp;amp; Privacy Policy?&lt;/li&gt;
  &lt;ul class="helpToggleAll"&gt; 
    &lt;li class="helpContent"&gt;&lt;span class="helpText"&gt;The Terms of Service are the Terms you agreed to when Creating an Account on this or any of the Gone Global Dating Network Sites.&lt;/span&gt;&lt;/li&gt;
    &lt;li class="helpContent"&gt;&lt;span class="helpText"&gt;The Privacy Policy is the Policy that Governs usage of your Personal Information stored in this Website and in the Gone Global Dating Network.&lt;/span&gt;&lt;/li&gt;
    &lt;li class="helpContent"&gt;&lt;span class="helpText"&gt;Click either link to re-read the document again - &lt;a href="includes/legal/terms-of-use.php" target="_blank"&gt;Terms of Service&lt;/a&gt; &amp;amp; &lt;a href="includes/legal/privacy-policy.php" target="_blank"&gt;Privacy Policy&lt;/a&gt;.&lt;/span&gt;&lt;/li&gt;
    &lt;li class="helpContent"&gt;&lt;span class="helpText"&gt;If you do not Agree with any part of either of these Documents then cease using this Website and the Gone Global Dating Network Imediendly.&lt;/span&gt;&lt;/li&gt;      
  &lt;/ul&gt;
  </code></pre>
  
  <p>I need to toggle() the 'helpToggleAll' Class when the 'helpClickable' class is clicked.
  I've been testing with the following code without success.</p>
  
  <pre><code> var helpClickable = $('li.helpClickable');
     helpClickable.click(function() {
       $(this).children('ul').toggle();
     });
  </code></pre>
  
  <p>What would be the best way to toggle() the child ?</p>
  
  <p>thx</p>