jqueryの新機能：フェードイン/アウトスクリプトを一緒に組み込む必要があります

Question

私の初期の問題：私は、画面の上半分にあるクライアントに関する基本情報を持つテーブルを持っています。私は、上半分のテーブル上で名前がクリックされたときにクライアントに関する詳細情報を表示する画面の下半分にdivを配置したいと思います。

私はここにStackOverflowここで

で問題のjqueryの端に素晴らしい例の束を見つけた：How to fade out div slowly, update content, and then fade in div slowly, using jQuery?

しかし、私の問題は、それがために働くために取得する方法である：Fade out a div with content A, and Fade In the same div with content B
、ここで私とjqueryの仕組みがわからないからです。これを行うために本当に簡単なことのように思える

<table> 
<tr> 
<td>ID</td> 
<td>Name</td> 
<td>Account Number</td> 
</tr> 
<tr> 
<td>1</td> 
<td><a href="#">Joe Smith</a></td> 
<td>3838.3234</td> 
</tr> 
<tr> 
<td>2</td> 
<td><a href="#">Jane Doe</a></td> 
<td>915.70</td> 
</tr> 
... 
</table> 
<div id="client_details> 
this is where I want the client details to go that will have more information than the table up above 
</div> 

：

は、ここに私のサイトは今のように見えるものに近いものです。私はちょうどクライアントの詳細情報とリンクをセットアップする方法を知らないので、現在の（クリックされた）クライアントの情報をフェードインし、前のものをフェードアウトさせます。

Answer 1

その他の回答は、指導を強固にしていますが、チェーンフェードアウトフェードインと同じくらい簡単ですが、同時にフェードインフェードアウトして、遅れたり欠けたりすることなく最初は1つをフェードアウトするのを待って、もう1つをフェードインすると、私はこのフィドルで何をしましたか：

http://jsfiddle.net/gLaDq/22/

Answer 2

jQueryを試したことがありますか？あなたが何をしたいの

基本はこのようなものになります。

$('#elementId').fadeOut().html('[NEW MARKUP]').fadeIn(); 

Answer 3

最初に、あなたのリンクにIDやクラスを追加する必要があります。 IE：次に

<a href="#" id="jane_doe" class="client">Jane Doe</a> 

、jQueryを使って：

$('.client').click(function(){ 
//When you click on a link which has the 'client' class... 

$('#client_details').fadeOut(100).html('the client details information').fadeIn(100); 
}); 

あなたがクライアント情報をロードする必要がある場合は、アヤックス（$ .post（）、$の.LOAD（））の顔をしている