![enter image description here](https://i.stack.imgur.com/B4EQD.png)I am making a dynamic list, but it is not displayed. Why?

Here is my fiddle: <http://jsfiddle.net/mFScX/4/>

```
function buildNavForNodes(nodes) {
    console.log(nodes);
  var result = '<div data-role="collapsible"> <ul>';
  var i = 0;
  var len = nodes.length;
  for(; i < len; i++) {
    result += buildNavForNode(nodes[i]);
  }
  return result + " </ul></div>";
}

```

It should be displayed like this: <http://jsfiddle.net/Dn4XB/4/>

Button array have three object :
It mean three Collapsible row display.

```
**Button
Button
Button**

```

Now Button array index at 0 object have button array .![enter image description here](https://i.stack.imgur.com/Kl55l.png)

So In index zero have button have another collapsible row.