Create an Xpage and copy paste the following code into the source tab of the same. Preview the XPage and you will see toggling sections created using dojo as displayed in the following figure.
Associate the following styles with a page
Associate the following js library inclusion with the XPage
Add the following script to the XPage
Step 4: Now add the following markup to the XPage
<div dojoType="dijit.layout.AccordionContainer" duration="80"
style="margin-right: 10px; width: 500px; height: 200px;">
<div dojoType="dijit.layout.AccordionPane" selected="true" title="Benefits of Dojo">
<p >Benefits of Dojo: Associative arrays, Loosely typed variables,
Regular expressions, Objects and classes, Highly evolved date, math, and string libraries,
W3C DOM support in the Dojo.</p >
<div dojoType="dijit.layout.AccordionPane" title="Introduction to Dojo">
the features found in dojo.</p>
<div dojoType="dijit.layout.AccordionPane" title="WebSite for Dojo Tutorial">
<p>If you want to learn dojo. Please go the following url and read the dojo
tutorials with running examples.
Now preview the same and see how they work on the browser
Hope this helps :)