jquery - Ajax Loading ビューを作成する方法

Question

私はこれが何度も行われているのを見てきましたが、これを調べてみると、簡単な方法や、少なくとも何をしているのか、そしてその理由を教えてくれるウェブサイトがないようです.

div理想的には、ローディングと実際のフォームの両方を内部に持つコンテナー ( ) を作成することです。

<div id="mycontainer" class="container">
    <div class="loading">//Image of a loading gif or message
        <div>
            <div class="myactualform">
                <input id="firstname" />
                <input id="btnSend" type="button" />
            </div>
        </div>

私の質問は、「myactualform」を非表示にして「loading」を表示するにはどうすればよいですか? そのため、ロード クラスは「myactualform」と同じスペースを占有します。s の変更と関係があると想像してくださいz-index。これはCSSの問題だと確信しています。

注: from jQuery
を使用しまし$(".classname1").hide()/$(".classname2").show()たが、問題は div の縮小です。

http://jsfiddle.net/aHW33/で jsfiddle プロジェクトを作成しました (拡張バージョンを表示するために、そこにある HTML コードはこことは異なります)