title: Select children of element that does not have a class
body: <p>I would like to select all the ul.menu within the li's (submenu's) that don't have an "active-trail" class</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;ul class="menu"&gt;
      &lt;li&gt;item 1&lt;/li&gt;
      &lt;li class="expanded"&gt;item 2
           &lt;ul class="menu"&gt;
               &lt;li&gt;sub item a&lt;/li&gt;
               &lt;li&gt;sub item b&lt;/li&gt;
               &lt;li&gt;sub item c&lt;/li&gt;
           &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class="expanded"&gt;item 3
           &lt;ul class="menu"&gt;
               &lt;li&gt;sub item d&lt;/li&gt;
               &lt;li&gt;sub item e&lt;/li&gt;
               &lt;li&gt;sub item f&lt;/li&gt;
           &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class="expanded active-trail"&gt;item 4
           &lt;ul class="menu"&gt;
               &lt;li&gt;sub item g&lt;/li&gt;
               &lt;li&gt;sub item h&lt;/li&gt;
               &lt;li&gt;sub item i&lt;/li&gt;
           &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>JQuery:</p>
  
  <pre><code>$('#region-menu ul.menu &gt; li.expanded:not:has(active-trail) ul.menu ').addClass('hidden')
  </code></pre>