Finding and Looping Through span Elements Inside (this) JQuery?
<p>im trying to find every <code>&lt;span class ="anime_yellow"&gt;..</code> inside another <code>&lt;span class="toggle"&gt;</code>, this is the code:</p>

<p>HTML:</p>

<pre><code>    &lt;span class="title_white"&gt;Menu 1&lt;/span&gt;
      &lt;span class="toggle"&gt;
     this is menu 1 i want to animate
          &lt;span id="position" class="anime_yellow"&gt;Position&lt;/span&gt;
        and
          &lt;span id ="market" class="anime_yellow"&gt;market&lt;/span&gt;.
      &lt;/span&gt;
    &lt;br&gt;&lt;br&gt;

    &lt;span class="title_white"&gt;Menu 2&lt;/span&gt;
      &lt;span class="toggle"&gt;
     this is menu 2 i want to animate
          &lt;span id="simple" class="anime_yellow"&gt;Simple&lt;/span&gt;
        and
          &lt;span id ="kool" class="anime_yellow"&gt;Kool&lt;/span&gt;.
      &lt;/span&gt;
</code></pre>

<p>The Javascript:</p>

<pre><code>$(".toggle").hide();
$(".title_white").click(function() {
        $(".toggle").hide();
        $(this).next(".toggle").toggle("slow");
        // i want to find every span.anime_yellow inside the
        // THIS TOGGLE class and get its element ID
        // and then run function on the ID
        // animate(position) or animate(simple).

      });
</code></pre>

<p>im trying to use the jquery function .find(), but don't know where to start, this is the jsfiddle for it here: <a href="http://jsfiddle.net/wJJBa/2/" rel="nofollow">http://jsfiddle.net/wJJBa/2/</a></p>
