我有一个包含左侧和右侧的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中的链接将更改marketing-services div中的信息。所有这些都没有重新加载页面。