When trying to use the show() function for multiple accordion cells, the first cell will appear as normal, but any following cells create blank spaces at the bottom of the accordion but don’t show the actual cell header. I tried doing timeouts to see if it was just a timing issue, but that doesn’t seem to make a difference. The below code demonstrates the problem.
<html>
<head>
</head>
<body>
<div id="formdiv" style="width:100%;height:700px;position:relative"></div>
<script src="dhtmlx.js" type="text/javascript"></script>
<link rel="STYLESHEET" type="text/css" href="dhtmlx.css">
<script type="text/javascript">
var layout = new dhtmlXLayoutObject("formdiv","1C");
var accordion = layout.cells("a").attachAccordion();
accordion.addItem("item_a","A",true);
accordion.addItem("item_b","B");
accordion.addItem("item_c","C");
accordion.addItem("item_d","D");
accordion.cells("item_b").hide();
accordion.cells("item_c").hide();
setTimeout(function(){ accordion.cells("item_b").show(); },1000);
setTimeout(function(){ accordion.cells("item_c").show(); },3000);
</script>
</body>
</html>