Smooth transition for fade effect on tabs
<p>I've added a fade effect to the <a href="http://www.inside-guides.co.uk/brentwood/home-and-garden/carpets-and-flooring/harley-carpets-416.html" rel="nofollow">following tabs here</a>, but the transition isn't smooth, especially on the last 2 tabs.</p>

<p>I'd like it be like <a href="http://www.inside-guides.co.uk/brentwood/pages/advertise.html" rel="nofollow">this page here</a>.</p>

<p>Here's the Javascipt if someone could help:</p>

<pre><code>$(window).load(function(){

    $('.tab:not(.aboutus)').fadeOut();

    $('.tabs li').click(function(){
        var thisAd = $(this).parent().parent();
        $(thisAd).children('.tab').fadeOut();
        $(thisAd).children('.'+$(this).attr('class').replace('tab','')).fadeIn();
        $('.tabs li').removeClass('active');                                                    
        $(this).addClass('active');
    });

                newContent.hide();
                currentContent.fadeOut(0, function() {
                    newContent.fadeIn();
                    currentContent.removeClass('current-content');
                    newContent.addClass('current-content');
                });

    if(window.location.hash) {
        if (window.location.hash == "#map") {
            $(".Advert").children('.tab').fadeOut();
            $(".Advert").children('.map').fadeIn();
            $('.tabs li').removeClass('active');                                                    
            $('.maptab').addClass('active');
        }
        if (window.location.hash == "#voucher") {
            $(".Advert").children('.tab').fadeOut();
            $(".Advert").children('.vouchers').fadeIn();
        }
    }   

});
</code></pre>
