javascript - スライドシェアのような検索ボックス?

Question

初めての投稿はこちら！Slideshare のような検索ボックス効果を作成する方法を教えてください。クリックすると検索ボックスの長さが特定の速度で変化し、特定の速度で元のサイズに戻ります。つまり、一度ではありません。小さなコード:

function long()
{
document.getElementById("GS").style.width="300px";
document.getElementById("submit").style.left="1168px";
}
function back()
{
document.getElementById("GS").style.width="200px";
document.getElementById("submit").style.left="1068px";
}`

Answer 1

最も簡単な方法は、jquery animate を使用することです。

http://api.jquery.com/animate/

$('#submit').click(function() {
 top.$('#submit').toggle(function() {
   $(this).animate({ 
     width: 1168
   }, 500);
   },
    function() {
   $(this).animate({ 
     width: 1068
   }, 500);
 });