Я использую немного кода, предложенного участником в stackoverflow и адаптированного мной, чтобы обернуть каждые 3 элемента списка как часть мегаменю. Код:

var lis = $("ul > li");
for(var i = 0; i < ls.length; i+=3) {
  lis.slice(i, i+3).wrapAll("<div class='new'></div>");
}

К сожалению, это приведет к тому, что дочерние li из следующего родительского меню заполнят «квоту» 3 li в div. Это, конечно, сильно портит мои меню.Для примера, пожалуйста, посетите здесь.

Кто-нибудь есть какие-либо предложения, как я мог бы это исправить?