title: JQuery - next element and elements with the same class
body: <p>What I want to achieve is that when you click on a span, it finds the next ul, and then apply a hide/show/slideToggle to other ul´s with the same class as that one.</p>
  
  <p>My html looks something like this:</p>
  
  <pre><code>    &lt;div class="wrapper"&gt;       
         &lt;span class="featureTitle"&gt;Trigger&lt;/span&gt;
          &lt;ul class="features1"&gt;
            &lt;li&gt;&lt;/li&gt;
         &lt;/ul&gt;
  
      &lt;/div&gt;
  
      &lt;div class="wrapper"&gt;       
          &lt;span class="featureTitle"&gt;Trigger&lt;/span&gt;
          &lt;ul class="features2"&gt;
              &lt;li&gt;&lt;/li&gt;
          &lt;/ul&gt;
  
         &lt;/div&gt;
      &lt;div class="wrapper"&gt;
         &lt;span class="featureTitle"&gt;Trigger&lt;/span&gt;
         &lt;ul class="features1"&gt;
            &lt;li&gt;&lt;/li&gt;
         &lt;/ul&gt;       
      &lt;/div&gt;
  </code></pre>
  
  <p>and so on...</p>
  
  <p>I know these lines of JQuery code doesn't work, but it might give you an idea of what I'm on about :)</p>
  
  <pre><code>jQuery('.featureTitle').click(function(){
      var ulClass= jQuery(this).next('ul').attr('class');
      jQuery(document).find(ulClass).slideToggle();
  });
  </code></pre>
  
  <p>Any help would be greatly appreciated! </p>