DHTMLX Docs & Samples Explorer

Index
dhtmlxaccordion
Basic Initialization

# 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>