Jquery target non child elements
<p>I have a series of tabs that open using the jquery .animate method. They all have the same class names so i am using the .children method to open only the clicked tab. </p>

<p>The problem is i need to close all the other tabs when one opens. I need to target all the tab-inner classes excluding the child of the one clicked.</p>

<pre><code>&lt;div class="tab"&gt;
    &lt;div class="tab-inner"&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div class="tab"&gt;
    &lt;div class="tab-inner"&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;div class="tab"&gt;
    &lt;div class="tab-inner"&gt;
    &lt;/div&gt;
&lt;/div&gt;

$('.tab').toggle(function() {
        $(this).children('.tab-inner').animate({width: 840});
  }, function() {
        $(this).children('.tab-inner').animate({width: 60});
  });
</code></pre>
