Home/ Questions/Q 300597
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-12T06:55:43+00:00

I am trying open & close accordion panes programatically. Here is the simplified version

  • 0

I am trying open & close accordion panes programatically. Here is the simplified version of my code. Even though I set the first pane’s selected to false and and second pane’s selected to true, only the first pane opens when it loads on the browser (FF3).

var accordionContainer = new dijit.layout.AccordionContainer().placeAt("test");
var accordPane = new dijit.layout.ContentPane({"title": "test", "content":"hello"});
var accordPane2 = new dijit.layout.ContentPane({"title": "test1", "content":"hello1"});
accordionContainer.addChild(accordPane);
accordionContainer.addChild(accordPane2, 1);
accordPane.startup();
accordPane2.startup();
//accordionContainer.selectChild(accordPane2);
accordionContainer.startup();
accordPane.selected = false;
accordPane2.selected = true;
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can do it like this:

    accordionContainer.selectChild( accordPane2 );

    Assuming you are using dojo 1.3.

    dijit.layout.AccordionContainer is a subclass of dijit.layout.StackContainer, which has selectChild defined.

    I set up a demo page where you can see this code in action

    If you were calling selectChild before startup, that could cause the error you were seeing since the widget wasn’t in a ‘complete’ state. (Sorry, missed the commneted out code before I posted original answer)

    • 0