使用导航菜单更改内容容器

Using nav menu to change content container

我有一个导航菜单,当您单击一个选项时,我希望它将我的内容容器更改为不同的内容容器,或者只显示适当的内容容器。我的目标是将除内容容器外相同的多个页面合并为一个页面。

 $('.option-toggle-selector').on('click', function() {
      $('.my-content-container-selector').replaceWith(otherContainerElement);
 });

其中 otherCotainerElement 可以是 jquery 元素或只是硬编码的 html 字符串。我认为您在这里询问的关键功能是 replaceWith: http://api.jquery.com/replacewith/