避免Jquery幻灯片返回原始状态_Jquery_Html_Asp Classic_Slide

避免Jquery幻灯片返回原始状态

jquery html asp-classic

避免Jquery幻灯片返回原始状态,jquery,html,asp-classic,slide,Jquery,Html,Asp Classic,Slide,我在asp上相对较新，我有一个面板，可以向下滑动jquery，并显示一些控件，如文本框和下拉列表，这些控件被禁用，当单击按钮启用它们时，重新加载页面，底部的面板恢复到原始状态，所以我想避免这种情况，但我不知道如何避免请帮助我我的代码： <html> <script src="/js/trirand/jquery.slide.min.js"> </script> <script type="text/javascrip

我在asp上相对较新，我有一个面板，可以向下滑动jquery，并显示一些控件，如文本框和下拉列表，这些控件被禁用，当单击按钮启用它们时，重新加载页面，底部的面板恢复到原始状态，所以我想避免这种情况，但我不知道如何避免

请帮助我

我的代码：

<html>

        <script src="/js/trirand/jquery.slide.min.js"> </script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('#mostrarocultar').click(function() {
                    $('#divmostoc').slideToggle(2500);
                });
            });
        </script>


    <body>           

       <div id="divmostoc" style="display:none" align="left" runat="server"  > 

               <br />  <font color="<%= ColorLogoutBack %>" size="3" style="font-weight:bold" face="Montserrat,verdana" >Domicilio/</font>   <asp:TextBox ID="tbDomicilio" runat="server" Text="Sur 67 A Num.107 Int.01" ReadOnly="True" ForeColor="DarkSlateGray"   BorderStyle="None" Font-Size="Small"  Font-Italic="True" Font-Names="Montserrat,verdana"></asp:TextBox> <br/><br/>
                <font color="<%= ColorLogoutBack %>" size="3" style="font-weight:bold" face="Montserrat,verdana" >Estado Civil/ </font> &nbsp <asp:DropDownList ID="ddlEstadoC" runat="server" ></asp:DropDownList> <br/><br/>
                <font color="<%= ColorLogoutBack %>" size="3" style="font-weight:bold" face="Montserrat,verdana" >Escolaridad/</font> &nbsp <asp:DropDownList ID="ddlEscolaridad" runat="server" ></asp:DropDownList> <br/><br/>
                <font color="<%= ColorLogoutBack %>" size="3" style="font-weight:bold" face="Montserrat,verdana" >Teléfono(s)/</font> <br/><br/>
                <font color="<%= ColorLogoutBack %>" size="3" style="font-weight:bold" face="Montserrat,verdana" >Dependientes/</font><br/><br/>
                <font color="<%= ColorLogoutBack %>" size="3" style="font-weight:bold" face="Montserrat,verdana" >Beneficiarios Gastos Médicos Mayores/</font><br/><br/>

                <asp:Button   ID="btnEditar" align="right" runat="server" " Text="Editar" Width="57px" Height="17px" BorderWidth ="1px" CssClass="fondo_botones_azul" Font-Size="8pt" Font-Bold="true" CausesValidation="False" />

       </div>

             <input id="mostrarocultar" onclick="changeText()"   type="button" style="  background-color:#089dd5; width:100; height:15;  color  :White;border:0px solid;font-size:8pt ; float: left  ;  " value="Mas..." /> 

    </body>
    </html>


 </div>

 <script type="text/javascript" language="javascript">
     function changeText() {
         var elem = document.getElementById('mostrarocultar')                 

         if (elem.value == 'More...') {
             elem.value = '...Less'
         }
         else  {
             elem.value = 'More...'
         }  
     }  

</script>

我的建议是简单地使用，它将在用户的浏览器中本地存储数据。因此，每次重新加载页面时，只需先检查本地存储，然后确定状态。下面是如何读取和写入LocalStorRange的示例：

// Store
localStorage.lastname = "Smith";
// Retrieve
document.getElementById("result").innerHTML = localStorage.lastname;
//Remove
localStorage.removeItem("lastname");