jquery - Jquery .toggle 2 つの div で 1 つが下にスライドし、もう 1 つが上にスライドし、2 回目はその逆

Question

jQuery を使用して、基本的な div スワップを作成しました。.toggle を使用してこのアクションを元に戻すことができません。ページの右側にあるスライドショーの下にあるバーチャル ツアー ボタンをクリックすると、まさに私がやりたいことを実行しています。ボタンをもう一度押すと、同じスライド効果を使用して、バーチャル ツアーが注目の画像に戻るようにしたいと思います。これは可能だと確信しています。

誰にも提案はありますか？

これが私の現在のjQueryコードです

<script type="text/javascript">
    jQuery(document).ready(function() {
    jQuery('.virtual-tour-hide').hide();
        //toggle the componenet with class msg_body
        jQuery('#mulberry-tour').click(function()
        {
           $('#featured-img').slideUp(2000);
           $('.virtual-tour-hide').slideDown(3000); 
        });
    });
</script>