Javascript 样式显示=块？

我有一个非常奇怪的情况：）我的问题是当打开页面时用户只看到Drop溺水列表。选择选项后所有div隐藏。可以在何时选择div提交后显示：）

JSP:

---

现在还不清楚，那么问题出在哪里？你能在JSP被解析并发送到浏览器后发布HTML的样子吗？您可以右键单击浏览器中的页面，然后选择“查看源代码”或“查看页面源代码”（或类似内容，具体取决于浏览器），以查看此时的HTML（在服务器处理后，但浏览器不执行任何解析和JavaScript执行）。加载页面时，用户只能查看下拉列表，选择某人选项后，页面为提交，之后我希望显示div。现在，用户必须单击标签以查看div，是否在jsp中使该

style=“display:none”

有条件？

    <label id="ShowPosesConfig" >Configuration</label><br/>

<div id="DivPosesConfig" class="DivPosesConfig" style="display:none">
enter code here
     <form action="<%=request.getContextPath()%>/UpdateServlet" method="post" name="nomPosInfo" id="posesAction">


          <select onchange="return checkSelect();">
             <option value="-1">Please choose ...</option>
              <% for(PosesBean poses : posesMap.values()){%>
                <option <%=poses.getPosID()== selectedId ? "selected" : ""%> value="<%=poses.getPosID()%>"><%=poses.getPosCode()+ " "%><%=poses.getAddressBG()%></option>
              <%}%>
           </select><br/><br/><br/>


           <%if(selectedId > -1){%>
            <label>Email:</label>&nbsp;&nbsp;<input type="text" id="emailPos" name="email" value="<%=selectedId == -1 ? "" : posesMap.get(selectedId).getEmail()%>"  size="45"/><br/><br/>

            <label>Phone:</label>&nbsp;<input type="text" id="phonePos" name="phone" value="<%=selectedId == -1 ? "" : posesMap.get(selectedId).getPhone()%>"  size="45" /><br/><br/>


            <input type="submit" style="margin-left:125px"  value="Save changes" onclick="return checkRadio();"/><br/><br/>
            <hr class="order"/><br/>
            <%}%>
     </form>
</div>

 $(document).ready(function(){
       $('#ShowPosesConfig').click(function(){
           $('.DivPosesConfig').toggle("fast");
        });
 });