对照组没有'即使脚本运行也要隐藏

我在aspx页面上有2个面板。加载页面后，将显示step1面板。用户点击按钮后。我检查数据并显示step2面板，其中我将数据显示到后面的代码中的中继器控制中。有一个"后退"按钮。当用户单击此按钮时，我需要隐藏步骤2面板并再次显示步骤1面板。我的问题是当用户点击后退按钮。我可以看到step1已经显示出来了，但是step2面板仍然在那里。有人能帮我解决这个问题吗?提前感谢

这是我的aspx页面:

<asp:panel id="pnlStep1" runat="server" visible="False"  >   
<asp:label id="lbl" text="The order is ....."/> 
  <asp:Button id="btnNext" runat="server" text="Next" cssclass="btn"/>
</asp:panel>
<asp:panel id="pnlStep2" runat="server" visible="False"  >            
  <fieldset class="fldBoxy"><legend class="fldLegend">Conflicts</legend>
    <table class="tbl w100p" border="0">
      <tr>
        <td class="field100">
          <asp:repeater id="repConflicts" runat="server" >
            <itemtemplate>
              <%# DataBinder.Eval(Container.DataItem, "Details") %>
              <br/>
            </itemtemplate>
          </asp:repeater>
          <asp:label id="lblNoConflicts" runat="server" visible="False" text="No conflicts were found."></asp:label>
        </td>
      </tr>
    </table>
  </fieldset>
  <div class="savechanges">
    <table class="w100p" >
      <tr>
        <td class="talgnL" ><asp:Button ID="btnBack"  Text="Back" runat="server" CssClass="btn" OnClientClick="hideStep2()"/>
        </td>
        <td>
          <asp:Button id="btnSave" runat="server" text="  Change" cssclass="btn"  />
         <input class=" btn" onclick="self.close();" type="button" value="Cancel" />
        </td>
        <td></td>
      </tr>
    </table>
  </div>
</asp:panel>

这是我的javascript:

<script language="javascript" type="text/javascript">
  function hideStep2(){
    var pln = document.getElementById("pnlStep2");
    if (pln != 'undefined') {
      alert('24');                   
      pln.style.visibility = "hidden";
      pln.style.display = "none";   
      document.getElementById("pnlStep1").style.display = "block";
    }
  }
</script>