Set title for Accordion Pane : Accordion Pane « Dojo toolkit « JavaScript DHTML

Set title for Accordion Pane

 
<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="2000"
       style="width:300px;height:800px;">
       <div dojoType="dijit.layout.AccordionPane"
         selected="true" title="Accordion Pane 1">
         first
       </div>
       <div dojoType="dijit.layout.AccordionPane"
         selected="false" title="Accordion Pane 2">
         second
       </div>
       <div dojoType="dijit.layout.AccordionPane"
         selected="false" title="Accordion Pane 3">
         third
       </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.	Create Accordian Pane with your code
4.	Create Accordion Pane declaratively