Pull DIV from separate page and update DIV in current page

I've got a simple one but haven't been able to find an example of a solution that fits exactly what I开发者_开发技巧'm asking. Sorry in advance if this is a repeat.

From my navigation menu, I want each link to reference a specific DIV in a separate page and then pull that DIV and replace the content in the current page.

<ul>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
..and so on
</ul>

Elsewhere in the page:

<div id="displayContent">Content refreshes onClick. Previous content fades out, fresh content fades in.</div>

Separate page (content.php):

<div id="about">About content</div>
<div id="contact">Contact content</div>

Agree with brhea, a question is a bit unclear.

If I understood well you're looking for something like this?

http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm

(click car names to see it in action)

OR with jQuery like this:

http://api.jquery.com/load/