Create dijit.layout.AccordionContainer

 

<html>
  <head>
    <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css">
    <script type="text/javascript">
      var djConfig = {
        baseScriptUri : "js/dojo/",
        parseOnLoad : true
      };
    </script>
    <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
    <script>
            dojo.require("dijit.layout.AccordionContainer");
            dojo.require("dijit.layout.AccordionPane");
            function f(){
                var container = new dijit.layout.AccordionContainer({}, "foo");
                var child1 = dojo.doc.createElement("div");
                child1.innerHTML="pane 1";
                
                var content1 = dojo.doc.createElement("p");
                content1.innerHTML = "content 1";
                
                var ap1 = new dijit.layout.AccordionPane({title: "pane1", selected : true}, content1);
                container.addChild(ap1);
                
                var child2 = dojo.doc.createElement("div");
                child2.innerHTML="pane 2";
                
                var content2 = dojo.doc.createElement("p");
                content2.innerHTML = "content 2";
                var ap2 = new dijit.layout.AccordionPane({title: "pane2"}, content2);
                container.addChild(ap2);
                
                container.startup(  );
            }
    </script>
  </head>
  <body class="tundra" onload=f()>
    <div id="foo" >
    </div>
</div>
</body>
</html>

Dojo-toolkit.zip( 3,849 k)

Related examples in the same category

1.	Nested Accordion Pane
2.	Set title for Accordion Pane
3.	Create Accordian Pane with your code
4.	Create Accordion Pane declaratively

Create dijit.layout.AccordionContainer : Accordion Pane « Dojo toolkit « JavaScript DHTML

Related examples in the same category