jquery - Jquery .toggle 两个div，一个向下滑动，一个向上滑动，第二次反之亦然

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>

Answer 1

jQuery(document).ready(function() { 
    jQuery('.virtual-tour-hide').hide();

    jQuery('#mulberry-tour').click(function()
    {
       $('#featured-img').slideToggle(3000) ;
       $('.virtual-tour-hide').slideToggle(3000); 

    }); 
});