Hi there,

Currently I am using this very simple tab-script. Took it from:  http://jqueryfordesigners.com/jquery-tabs/

All works fine, but I want to use the  .fadeIn(); option, so that (when I switch tabs) this goes nice and smooth. But where to put this  .fadeIn();?

The code:

2. <script type="text/javascript">
3. <!-- Tabs -->
4. $(function () {
5.     var tabContainers = $('div.tabs > div');
6.     tabContainers.hide().filter(':first').show();
7.                         
8.     $('div.tabs ul.tabNavigation a').click(function () {
9.         tabContainers.hide();
10.         tabContainers.filter(this.hash).show();
11.         $('div.tabs ul.tabNavigation a').removeClass('selected');
12.         $(this).addClass('selected');
13.         return false;
14.     }).filter(':first').click();
15. });
16. </script>

Thanks!

Kind regards

ps: if anyone knows how to reduce the gabs between the tabs, please let me know too :)