侧边栏中的移动幻灯片未按计划运行

Question

什么是css和javascript的正确组合，可以使用slidein侧边栏

我使用jquery mobile，但为了方便起见

我的内容有100％宽度和1em边距

如何从右侧滑动侧边栏并同时将内容推向左侧。

我尝试用侧边栏的容器和内容的一个，并设置css向左浮动和位置相对，但这显然不起作用，因为这两个都在视野中，我松开了100％的宽度。

我用它来快速动画

var iSidebar = 0;

    function toggleSidebar(){


    if (iSidebar === 0) {
        iSidebar = 1;
        $(".sidebar").animate({
            left: -100
        }, {
            duration: 500
        });
    }
    else {
        iSidebar = 0;
        $(".sidebar").animate({
            left: 0
        }, {
            duration: 500
        });
    }
    }

感谢

Answer 1

尝试动画想要推送的元素

if (iSidebar === 0) {
    iSidebar = 1;
    $(".sidebar").animate({
        left: -100
    }, {
        duration: 500
    });
    $(".someContent").animate({
        left: -100
    }, {
        duration: 500
    });
}