Javascript 页面加载时导航子菜单未最小化

导航子菜单并没有在页面加载时最小化，但在点击它之后，它的工作状态良好

这个javascript填充了第一个标记，并调用了某些你可能不需要的函数

    <!-- for Pupulating the side bar -->
<script type="text/javascript">
    var constraintsType = mcosConstraints();
    function functionOne(i) 
    { 
        var ct = constraintsType[i];
    }               
    var output="";
    for(var i=0;i<constraintsType.length;i++)
    {
        output += "<div id=\"ch\" class=\"\" onclick = \"functionOne("+i+")\"><li style=\"line-height: 300%\";><a href=\"\">"+constraintsType[i]+"</a></li></div>";
    }   
    document.getElementById("child-menu").innerHTML=output;
</script>
<!-- for /Pupulating the side bar -->

var constraintsType=mcosConstraints（）；
功能一（一）
{ 
var ct=约束类型[i]；
}               
var输出=”；
对于（var i=0；i，这里是一个工作示例


$（文档）.ready（函数（）{
$（“#ABCD”）。单击（函数（）{
$（“#子菜单”）.toggleClass（“tmp1子菜单”）；
})
});
var constraintsType=[“类型1”、“类型2”、“类型3”]；
功能一（一）{
var ct=约束类型[i]；
}
var输出=”；
对于（变量i=0；ioutput+='您没有显示用于在页面加载时最小化导航子项的代码。请添加javascript代码。我删除了代码，因为它不工作，并且我关闭了文件，因此无法恢复。您能给我此代码吗？？？问题是什么？在开始加载页面时，它没有最小化，并且在文字之后，它工作正常你写css
。child_menu{display:none；}
？没有听清楚你说的。我是这个领域的新手，所以请简单地解释一下。包含了10多个js文件和css文件，还有一些图形和插件，所以我无法粘贴。
    <!-- for Pupulating the side bar -->
<script type="text/javascript">
    var constraintsType = mcosConstraints();
    function functionOne(i) 
    { 
        var ct = constraintsType[i];
    }               
    var output="";
    for(var i=0;i<constraintsType.length;i++)
    {
        output += "<div id=\"ch\" class=\"\" onclick = \"functionOne("+i+")\"><li style=\"line-height: 300%\";><a href=\"\">"+constraintsType[i]+"</a></li></div>";
    }   
    document.getElementById("child-menu").innerHTML=output;
</script>
<!-- for /Pupulating the side bar -->