Question

Someone please help me to change current function to display elements in two columns,

 function nextCode(flag)
 {
  var code = codes[flag];
  $('.headers').html(''+code[0]+'');
  var sum;for(var j=1;j<=code.length;j++)
  {
    sum+="<li>"+code[j]+"</li>";
  }
  sum="<ul>"+sum+"</ul>";
  $('.options').html(''+sum+'');
 }

This is generating a list in single column, But i want to display them in two columns..
Please help me on this.

Answer 1

Will this do your work?

function nextCode(flag)
            {
                var code = codes[flag];
                code = ["test1", "test2", "test3", "test4", "test5"];    //Testing purpose data
                $('.headers').html(''+code[0]+'');
                var sum="";
                var sum1="";

                for(var j=0;j < code.length;j++) { //Iteration changes required in code
                    if(j%2 > 0) {
                        sum += "<li>" + code[j] + "</li>";
                    } else {
                        sum1 += "<li>" + code[j] + "</li>";
                    }
                }

            sum = "<ul style=\"position: relative; float: left;\">" + sum1 + "</ul>" + "<ul style=\"position: relative; float: left;\">" + sum + "</ul>";
            $('.options').html(''+sum+'');
            }
            </script>