如何滑動完整的div後點擊，如果執行

我是初學者to javascript & html5 & css3。我想添加一個groupon.com like功能，其中用戶鍵入信息並轉到下一個div。我需要滑動或動畫。如何滑動完整的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>

任何幫助感激！

來源

2012-09-13 ravi

請嘗試查看：https：//developer.mozilla.org/en-US/docs/CSS/Using_CSS_transitions。另外，如果您使用的是HTML5，請考慮在這些輸入框中使用'placeHolder'而不是'value' ...我相信那就是您要找的地方。 – Chase