JQueryで1つのdivを別のdivに置き換える

Question

<div id="calculateButton" style="cursor: pointer;"> 
    <img src="<%= VirtualPathUtility.ToAbsolute("~/img/chic/btn_calculate.gif")%>" /> 
</div> 
<div id="calculateInProgress" style="text-align: left;"> 
    <br /> 
    Calculating...<img height='15px' src="<%= VirtualPathUtility.ToAbsolute("~/img/CreatingReport.gif")%>" /> 
</div> 

だから私は上記の2つのdivを持っています。基本的に今のところ、ユーザーが計算ボタンをクリックすると、その下のdivが表示されます。これは基本的に、計算しているユーザーを示すアニメーションGIFです。代わりに、gifをボタンの代わりに使い、終了したらボタンを元に戻します。ここでは、我々はあなたにEXTRAのdiv、NOT我々はそれを好きな方法を行うには、今使っコードは次のとおりです。

$('#calculateInProgress').show(); 
$('#calculateInProgress').hide(); 

コールショー、彼らはそれをクリックしたとき、それはいくつかの操作を行い、彼らが完了すると、自動的に非表示を呼び出します。

私は何をしたいのですか？

Answer 1

使用.htmlを（）メソッドは、GIFとの内容を置き換えるために、そしてあなたが（示されているしたいのですが知っているので、その後、再び

Answer 2

// Before calculation 
$('#calculateButton').hide(); 
$('#calculateInProgress').show(); 

// In the Ajax callback 
$('#calculateButton').show(); 
$('#calculateInProgress').hide();