Jquery 有没有办法在中途显示/隐藏

Jquery 有没有办法在中途显示/隐藏,jquery,toggle,Jquery,Toggle,我想知道是否有一种方法可以使用jquery显示/隐藏部分内容 我们的团队制作了一个背景图像,然后在一个div中添加文本。我希望div滑动到一边,这样观众就可以看到整个图像。主要的是我仍然希望文本能够返回,这样他们仍然可以阅读。。从那以后就有了。我一路把潜水艇藏起来,但部分不像10px $("#welcome").click(function () { $(this).hide("slide", { direction: "right" }, 1000); }); 基于您的网站,我认

我想知道是否有一种方法可以使用jquery显示/隐藏部分内容

我们的团队制作了一个背景图像,然后在一个div中添加文本。我希望div滑动到一边,这样观众就可以看到整个图像。主要的是我仍然希望文本能够返回,这样他们仍然可以阅读。。从那以后就有了。我一路把潜水艇藏起来,但部分不像10px

$("#welcome").click(function () {
      $(this).hide("slide", { direction: "right" }, 1000);
});

基于您的网站,我认为最简单的解决方案是添加溢出:隐藏到图片容器welcomepicture,然后设置文本div welcome左边距的动画

我能够测试这种技术,事实上,使用Chrome开发者工具为您的网站工作,但是,上面的脚本可能需要一些调整,因为它只是一个示例起点

我希望这有帮助

$("#welcome").toggle("click", 
    function() {
        var left = $(this).outerWidth() - 10 + "px";

        $(this).animate({ "margin-left": "+=" + left }, 500);
    },
    function() {
        var left = $(this).outerWidth() - 10 + "px";

        $(this).animate({ "margin-left": "-=" + left }, 500);
    }
);