jQuery: Trouble Traversing
<p>I have tried to find some decent documentation on traversing in jQuery, but have not found a decent resource, any suggestions would be much appreciated. </p>

<p>I am trying to create a simple animation for a menu. </p>

<p>I have a simple menu:</p>

<pre><code>&lt;ul class='contentNav'&gt;
 &lt;li&gt;&lt;a href='#'&gt;One&lt;/a&gt;
 &lt;li&gt;&lt;a href='#'&gt;Two&lt;/a&gt;
 &lt;li&gt;&lt;a href='#'&gt;Three&lt;/a&gt;
 &lt;li&gt;&lt;a href='#'&gt;Four&lt;/a&gt;
&lt;/ul&gt;
</code></pre>

<p>And a simple jquery function to change the background color of the  tag:</p>

<pre><code>$(document).ready(function(){

   $(".contentNav a").hoverIntent(
   function(over) {
     $(this).animate({backgroundColor: "#844"}, "fast");
     $(this).parent().find("li a").animate({backgroundColor: "#090"}, "fast");
   },
   function(out) {
     $(this).animate({backgroundColor: "#000"}, "fast");
     $(this).parent().find("li a").animate({backgroundColor: "#000"}, "fast");
   });
});
</code></pre>

<p>The trouble is with the lines:</p>

<pre><code>$(this).parent().find("li a").animate({backgroundColor: "#090"}, "fast"); 
$(this).parent().find("li a").animate({backgroundColor: "#000"}, "fast");
</code></pre>

<p>I am trying to select all of the link tag items that are not currently hovered over and set their background color. How do I do this. </p>

<p>Thanks.</p>

<p><hr /></p>

<p>UPDATE 
<hr /></p>

<p>I have taken all of the recommendations and come up with the following code:</p>

<pre><code>$(this).parent().parent().find("a").not(this).animate({backgroundcolor: "#555"}, 100)
</code></pre>
