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

| 我有一个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中的信息。全部无需重新加载页面。