jquery - 下拉菜单 - 将子项除以 2 并将它们放入两列

Question

我有菜单，每个顶部都有子菜单，不知道子项的数量，我想，如果有，例如，超过 13 个元素，然后，将它们除以 2，并将它们放入容器中，作为列，我可以在这里使用 css3 列计数，但我需要 javascript (jQuery) 版本。

      $('.sub-menu').each(function() {
      var count = $(this).find("li").length; 
    if(count >= 12 ){
        $(this).addClass('col2');
    }

   if(count >= 24){
      $(this).toggleClass('col2 col3');
    }
});

现在我有了这个，

我需要动态地改变它

这是 jsfiddle

http://jsfiddle.net/3KB9j/12/

Answer 1

http://jsfiddle.net/3KB9j/14/

CSS

li.col2 { 
    float: left;
    margin: 2px 4px;  
}

.sub-menu.col2 { 
     width: 250%;
 }

j查询

  $('.sub-menu').each(function () {
      var count = $(this).find("li").length;
      if (count >= 12) {
          $(this).addClass('col2');
          $('li').addClass('col2');
      }

      if (count >= 24) {
          $(this).toggleClass('col2 col3');
      }
  });