javascript - JQuery Slicknav，将两个菜单合并为一个，但在 2 列上

Question

在 wordpress 自定义主题上，我使用 slicknav 菜单来创建响应式移动菜单。
它效果很好，所以我决定将我网站上的第二个菜单（类别菜单）合并到移动菜单中。
使用这个codePen很简单，但我想将菜单分成两个浮动列，左侧类别和右侧全局菜单。
看图片： 我目前可以在一个菜单和另一个菜单之间 插入一个“ ”，使用，但如果我“追加”创建浮动，结果代码是<hr>combinedMenu.append("<hr>");combinedMenu.append("<div class='col-sm-6'>");

<li><a>.....</a></li>
<li><a>.....</a></li>
<div class='col-sm-6'></div>
<li><a>.....</a></li>

所以它会关闭标签本身！GRRRRR

谁能帮助我？

再见，L。