Home/ Questions/Q 6126509
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T16:22:59+00:00

My in initial problem: I have a table with basic information about clients on

  • 0

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.

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

Here: Fade out a div with content A, and Fade In the same div with content B
And Here: How to fade out div slowly, update content, and then fade in div slowly, using jQuery?

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.

Here’s something close to what my site looks like now:

<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>

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.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The other answers provide solid guidance, and while it is as simple as simply doing a chained fadeOut.fadeIn, if you want them to fade-in-fade-out at the same time for a nicer effect without any delays and without first waiting for one to fadeout and the other to fade in, you can do what I did in this fiddle:

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

    • 0