从单独的页面中拉出DIV并在当前页面中更新DIV

Question

我有一个简单的但却找不到符合我要求的解决方案的例子。如果这是重复，请提前抱歉。

从我的导航菜单中，我希望每个链接在单独的页面中引用特定的DIV，然后拉出该DIV并替换当前页面中的内容。

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

页面的其他地方：

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

单独页面（content.php）：

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

Answer 1

同意布利亚，一个问题有点不清楚。

如果我理解你正在寻找这样的东西？

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

（点击车名以查看其中的行动）

或者像这样的jQuery：

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