DHTMLX Docs & Samples Explorer

Basic accordion

<!DOCTYPE HTML>
<html>
<head>
	<link rel="STYLESHEET" type="text/css" href="codebase/dhtmlx.css">
	<script  src="codebase/dhtmlx.js"></script>
</head>
 
<body onload="doOnLoad()">
	<div id="box" style="margin-top:10px; width:300px;height:270px;"></div>
<script>
 
function doOnLoad() {
    var dhxAccord = new dhtmlXAccordion("box");
    dhxAccord.addItem("a1", "Main Page");
    dhxAccord.addItem("a2", "Site Navigation");
    dhxAccord.addItem("a3", "Support & Feedback");
    dhxAccord.addItem("a4", "Comments");
}
 
</script>
 
</body>
</html>