JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.10.0/dojo/resources/dojo.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.10.0/dijit/themes/tundra/tundra.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.10.0/dojox/mobile/themes/iphone/iphone.css">
<body class="tundra">
<div id="container"></div>
</body>
JavaScript
require([
"dojox/mobile/Accordion",
"dojox/mobile/ContentPane",
"dojox/mobile/parser",
"dojox/mobile",
], function(Accordion, ContentPane) {
var a = new Accordion({
singleOpen: false // defaults to false, but it's good to explicitly include it
}, container);
a.startup();
var p1 = new ContentPane({
label: 'pane1',
content: 'hello world',
selected: true
});
a.addChild(p1);
var p2 = new ContentPane({
label: 'pane2',
content: 'hello again',
selected: true
});
a.addChild(p2);
});