jQuery Tabbed Area
<p>I have this code for a Tabbed area, but when a user clicks a tab the content snaps out and the new content fades in. I want to be able to have the content fade out and in. Also the tabs themselves fade between the active and inactive state but I don't have any code for it is this default behaviour kicking in?</p>

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

    $('div.tabs ul.tabNavigation a').click(function () {
     tabContainers.hide();
     tabContainers.filter(this.hash).fadeIn(2000);
     $('div.tabs ul.tabNavigation a').removeClass('selected');
     $(this).addClass('selected');
     return false;
    }).filter(':first').click();
   });


&lt;div class="tabs"&gt;

&lt;ul class="tabNavigation"&gt;
&lt;li&gt;&lt;a href="#a"&gt;A&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#b"&gt;B&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#c"&gt;C&lt;/a&gt;&lt;/li&gt;
&lt;li id="more"&gt;&lt;a href="http://www.google.com/"&gt;Link&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div id="a"&gt;&lt;/div&gt;
&lt;div id="b"&gt;&lt;/div&gt;
&lt;div id="c"&gt;&lt;/div&gt;

&lt;/div&gt;
</code></pre>

<p>Also</p>

<p>I have tab that I would like to NOT tab the boxes but work as normal link, I tried adding an ID and then saying return true, but that didn't work, how can I do this? Thanks</p>

<p>Edit</p>

<p>Would it also be possible to show the relevant content based on the hash if someone comes from an external page with the url like domain.com/#b and show the div with the id of b?</p>
