Create Accordion Pane declaratively

 

<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("dojo.parser");
       dojo.require("dijit.layout.AccordionContainer");
    </script>
  </head>
  <body class="tundra">
    <div dojoType="dijit.layout.AccordionContainer" duration="80" style="margin-right: 10px; width: 500px; height: 200px;">
        <div dojoType="dijit.layout.AccordionPane" selected="true" title="A">
            <p >A.</p >
        </div>
        <div dojoType="dijit.layout.AccordionPane" title="B">
            <p>B.</p>
        </div>
        <div dojoType="dijit.layout.AccordionPane" title="C">
            <p>C</p>
        </div>
    </div>
  </body>
</html>

Dojo-toolkit.zip( 3,849 k)

Related examples in the same category

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

Create Accordion Pane declaratively : Accordion Pane « Dojo toolkit « JavaScript DHTML

Related examples in the same category