根据单击的链接将信息加载到 div 中

Question

我有一个包含左侧和右侧的 WordPress 页面。在左侧，我将提供大量有关设计的信息，在右侧，我将提供大量有关营销的信息。

每一面都有一系列子类别，因此在设计中它有品牌、印刷等。右侧（营销）有它自己的子类别。本质上这些只是链接。

这就是我想要发生的事情：

当用户单击左侧的任何链接（这些是子类别）时，我希望它加载其下方的一些信息。如果他们点击另一个链接，它将用更多信息替换该信息。右侧也应该发生同样的情况。

所以本质上我想要左侧的大量链接将信息加载到该侧的 div 中，并希望右侧的大量链接将信息加载到该侧的 div 中。

所以我希望左侧和右侧能够独立工作。

解决这个问题的最佳方法是什么？

更新：

<div id="design">
   <h1 style="width:65px;">Design</h1>
   <a href="test-link">Branding</a>, <a href="test-link">Print</a>
   <div id="design-services">

   </div>
</div>

<div id="marketing">
   <h1 style="width:95px;">Marketing</h1>
   <a href="test-link">Advertising</a>, <a href="test-link">Campaigns</a>
   <div id="marketing-services">

   </div>
</div>

因此，设计 div 中的链接将更改设计服务 div 中的信息，而营销 div 中的链接将更改营销服务 div 中的信息。全部无需重新加载页面。

Answer 1

这是我想到的第一个解决方案。

http://jsfiddle.net/pQKUc/15/e

如果您需要进一步说明，请告诉我。 :)

HTH