js控制元素的显示与隐藏

  <body class="easyui-layout"> 
            <div id = "centerId"  data-options="region:'center'" style="padding:0px;background:#eee;">
                     <tiles:insertAttribute name="toolbar-productConfig" />
                        <div id="dataGrid"></div>
              <tiles:insertAttribute name="contentProduct" />
             <tiles:insertAttribute name="contentProductEdit"/>
             </div>         
          <div id = "eastId"   data-options="region:'east',iconCls:'icon-reload',split:true" style="57%;" >
                        <tiles:insertAttribute name="toolbar-productConfig-Detils" />
                         <div id="dataGridDetils" ></div>
                        <tiles:insertAttribute name="contentDetils" />
                        <tiles:insertAttribute name="contentDetilsEdit" />
          </div>  
            <script src="${contextPath}/js/pages/systemSet/productConfig.js"></script>
            <script src="${contextPath}/js/pages/systemSet/dataGridDetils.js"> </script> 

    </body>

$('#eastId').css("display", "inline");显示元素

document.getElementById("eastId").style.display="none";//隐藏元素