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); 

    }); 
});

Jquery。转换两个div，其中一个向下滑动，一个向上滑动，第二次反之亦然

1 个答案: