How to add third submenu? (only an idea please)

How to add third submenu? (only an idea please)

Friends I need your valuable help of how to add third submenu?

Project working: http://jsfiddle.net/n3fwe/12/

Objetive: (examples: )




or:




Where I can begin to change?

js:

  1. var List = [{
  2.     props: {
  3.         "data-id": "r1-c0-sC0",
  4.         text: "one",
  5.         title: "description one" },
  6.     sub: [{
  7.         props: {
  8.             "data-id": "r1-c1-sC0",
  9.             text: "one:A",
  10.             title: "description one:A" } }, {
  11.         props: {
  12.             "data-id": "r1-c2-sC0",
  13.             text: "one:B",
  14.             title: "description one:B" } }, {
  15.         props: {
  16.             "data-id": "r1-c3-sC0",
  17.             text: "one:C",
  18.             title: "description one:C" } } ] }, {
  19.     props: {
  20.         "data-id": "r2-c0-sC0",
  21.         text: "two",
  22.         title: "description two" },
  23.     sub: [{
  24.         props: {
  25.             "data-id": "r2-c1-sC0",
  26.             text: "two:A",
  27.             title: "description two:A" } }, {
  28.         props: {
  29.             "data-id": "r2-c2-sC0",
  30.             text: "two:B",
  31.             title: "description two:B" } }, {................................


cord29-greetings friends!