javascript - 单击后如何在单击后向左滑动整个div

我是javascript＆html5＆css3的初学者。
我正在尝试添加一个类似groupon.com的功能，用户可以在其中键入信息并转到下一个div。
我需要使其滑动或动画。

目前我有一个ccs：

#firstquestion {
    width: 500px
    z-index:3
    display: block
}

#secondquestion {
    left: 800px;
    display: block;
}

#secondquestion {
    left: 800px;
    display: block;
}

和我的表格：

<form>
    <div id="firstquestion">
        <input value="your name" />
        <button onclick=""> continue </button>
    </div>
    <div id="secondquestion">
        <input value="You favorite book" />
        <button> Continue </button>
    </div>
    <div id="thirdquestion">
        <input value="Your favorite food" />
        <button> Continue </button>
    </div>
</form>

任何帮助表示赞赏！

最佳答案

我一定会探索一些jQuery的。这是在HTML部分上执行动画的非常简单的方法。 Here is jquery。

查看：
codecademy
他们拥有出色的线性学习轨道，可以使您从初学者Web开发者到至少比初学者更好。