title pane

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dijit/themes/claro/claro.css">
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/dojo.xd.js"></script>
<br><br><br>

<div id="wrapper">

    
<div style="border: solid black 1px; overflow: auto;">
  <div data-dojo-type="dijit.TitlePane" data-dojo-props="title: 'Pane #1', open: false">
    I'm pane #1
  </div>
  <div data-dojo-type="dijit.TitlePane" data-dojo-props="title: 'Pane #2'">
    I'm pane #2
  </div>
  <div data-dojo-type="dijit.TitlePane" data-dojo-props="title: 'Pane #3', open: false">
    I'm pane #3
  </div>
  <div data-dojo-type="dijit.TitlePane" data-dojo-props="title: 'Pane #4', open: false">
      pane 4  
      
      <div data-dojo-type="dijit.TitlePane" data-dojo-props="title: 'Pane #5', open: true">
            panel 5
        <div data-dojo-type="dijit.TitlePane" data-dojo-props="title: 'Pane #6', open: true">
        I'm pane #6
      </div>
      </div>
  </div>
</div>
    


    
    
</div>

JavaScript

dojo.require('dijit.TitlePane');
dojo.require('dojo.parser');





dojo.ready(function(){

        console.log('start');
    
    dojo.parser.parse('wrapper'); 
    

    

    
    
});