Accordion Skins

The following predefined skins are available:


"material" (default)



"dhx_skyblue"



"dhx_web"



"dhx_terrace"



<!-- here we will place accordion --->
<div id="accObj" style="position: relative; width: 360px; height: 400px;"></div>


The "material" skin is used by default. Depending on the attached CSS skin-file, accordion will try to detect skin automatically. You just need to initialize the accordion:

var myAcc = new dhtmlXAccordion({
    parent: "accObj"
    items: [...]
});


In order to set skin manually use the following code:

var myAcc = new dhtmlXAccordion({
    parent: "accObj",
    skin: "dhx_web",
    items: [...]
});


You can also specify a skin as the 2nd param of the old-style init way:

var myAcc = new dhtmlXAccordion("accObj", "dhx_web");


Finally, you can set a skin by using the setSkin method:

var myAcc = new dhtmlXAccordion({
    parent: "accObj"
});
myAcc.setSkin("dhx_web");


If the predefined skins don't fit you, try to create your own one with the help of the SkinBuilder tool. Read the details here.

Back to top