Status: | Draft |
Version: | 1.0 |
Authors: | Becky Gibson, Nikolai Onken |
Developers: | ?- |
Available: | since V? |
Like StackContainer and TabContainer, an AccordionContainer holds a set of panes whose titles are all visible, but only one pane’s content is visible at a time. Clicking on a pane title slides the currently-displayed one away, similar to a garage door.
Declarative example
<script type"text/javascript">
dojo.require("dijit.layout.AccordionContainer");
</script>
<div style="width: 300px">
<div dojoType="dijit.layout.AccordionContainer" style="height: 400px;">
<div dojoType="dijit.layout.AccordionPane" title="Heeh, this is an accordion pane">
Hi!
</div>
<div dojoType="dijit.layout.AccordionPane" title="This is as well" selected="true">
Hi how are you?
</div>
<div dojoType="dijit.layout.AccordionPane" title="This too">
Hi how are you? .....Great, thx
</div>
</div>
</div>
Keyboard
Action |
Key |
Navigate to next title |
Right or down arrow |
Navigate to previous title |
Left or up arrow |
Navigate into page |
Tab |
Navigate to next page |
Ctrl + page down, ctrl + tab (except IE7) |
Navigate to previous page |
Ctrl + page up |