javascript - jqueryスライダーを下にスライドしてから、古いセクションを上にスライドするように変更します

Question

簡単に言うと、私がやろうとしているのは、jqueryを変更して、新しいセクションを古いdivの上にスライドさせてから、古いdivを上にスライドさせて、新しいコンテンツボックスのみを表示するようにすることです。現在のところ、コードは古いセクションを上にスライドしてから、新しいコンテンツを下にスライドして完全に機能します。

Javascriptのコードサンプル

$(document).ready(function(){
    function doTab() {
        $(".active").removeClass("active");
        $(this).addClass("active");
        $(".content").slideUp();
        var content_show = $(this).attr("title");
        $("#"+content_show).slideDown();
    }

    // When a link is clicked
    $("a.tab").click(doTab);

    if (window.location.hash) {
        $('a[title="' + window.location.hash.substring(2) + '"]').click();
    }
});

タブとセクションのコード

<ul id="tabs">
    <li><a href="#" title="type1" class="tab active">type1</a></li>
    <li><a href="#" title="type2" class="tab">type2</a></li>
</ul>

<!--<div class="dpoint-holder"><div class="dpoint"></div></div>-->
<section id="type1" class="content">
    <p>contents1contents1contents1contents1contents1</p>
</section>
<section id="type2" class="content content_2">
    <p>contents2contents2contents2contents2</p>
</section>