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






<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>








29.65.Accordion Pane
29.65.1.Create dijit.layout.AccordionContainer
29.65.2.Create Accordian Pane with your code
29.65.3.Create Accordion Pane declaratively
29.65.4.Nested Accordion Pane
29.65.5.Set title for Accordion Pane