all divs in my jquery code
<p>I have 3 html box as follow:</p>

<pre><code>&lt;div class="tabs"&gt;
  &lt;ul class="tabNav"&gt;
    &lt;li&gt;&lt;a href="#video"&gt;Video Gallery&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#photo"&gt;Photo Gallery&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div  id="video"&gt; video div &lt;/div&gt;
  &lt;div  id="photo"&gt; photo div &lt;/div&gt;
&lt;/div&gt;
 &lt;div class="tabs"&gt;
  &lt;ul class="tabNav"&gt;
    &lt;li&gt;&lt;a href="#comment"&gt;comment&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#links"&gt;links&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div  id="comment"&gt; comment div &lt;/div&gt;
  &lt;div  id="links"&gt; links div &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>for show and hide tabs i used this jquery code:</p>

<pre><code>$(function () {
     var container = $('div.tabs &gt; div');
     container.hide().filter(':first').show();

     $('div.tabs ul.tabNav a').click(function () {
     container.hide();
     container.filter(this.hash).show();
     $('div.tabs ul.tabNav a').removeClass('selected');
     $(this).addClass('selected');
     return false;
     }).filter(':first').click();
  });
</code></pre>

<p>This code only works with firts box (gallery) and with page load, the comment and links are also hidden. How can I solve this?
Thanks in advance</p>
