new to jquery: need help putting fade in/out script together
<p>My in initial problem:  I have a table with basic information about clients on the top half of the the screen.  I want to put a div on the bottom half of the screen that will show detailed information about the client when the name is clicked on on the table in the top half.  </p>

<p>I found a bunch of great examples on the jquery end of the problem right here in stackoverflow </p>

<p>Here: <a href="http://stackoverflow.com/questions/4289250/fade-out-a-div-with-content-a-and-fade-in-the-same-div-with-content-b">Fade out a div with content A, and Fade In the same div with content B</a><br>
And Here: <a href="http://stackoverflow.com/questions/5879899/how-to-fade-out-div-slowly-update-content-and-then-fade-in-div-slowly-using-jq">How to fade out div slowly, update content, and then fade in div slowly, using jQuery?</a></p>

<p>But my problem is how to get it to work for me and I know it's just because I don't understand how jquery works.</p>

<p>Here's something close to what my site looks like now:</p>

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

<p>It seems like a really easy thing to do.  I just don't know how to setup the client details information and the links so it fades in the current (clicked) client's info and fades out the previous one.</p>
