JQuery Slicknav，合并两个菜单，但在2列

Question

在wordpress自定义主题上，我使用slicknav菜单创建响应式移动菜单。
它工作得很好，所以我决定合并移动菜单中我网站上的第二个菜单（类别菜单） 使用此codePen它简单易行，但我想将菜单分为两个浮动列，左侧类别和右侧全局菜单。
看图像： 我目前可以插入＆＃34; <hr>＆＃34;在一个菜单和另一个菜单之间，使用combinedMenu.append("<hr>");，但如果我＆＃34;追加＆＃34;创建浮动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。