JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://jamandcheese-on-phptoast.com/jquery-cookie.js"></script>
<div>
<div class="panel">
<table>
<tr>
<td>
First Name:
</td>
<td>
<asp:TextBox runat="server" Text=""></asp:TextBox>
</td>
</tr>
<tr>
<td>
Last Name:
</td>
<td>
<asp:TextBox ID="LastName" runat="server" Text=""></asp:TextBox>
</td>
</tr>
<tr>
<td>
Email:
</td>
<td>
<asp:TextBox ID="Email" runat="server" Text=""></asp:TextBox>
</td>
</tr>
<tr>
<td>
Role Name:
</td>
<td>
<asp:DropDownList ID="RoleName" runat="server">
<asp:ListItem Text="Select a role" Enabled="true" Value=""> </asp:ListItem>
<asp:ListItem Text="DC" Value="DC"> </asp:ListItem>
<asp:ListItem Text="ST" Value="ST"> </asp:ListItem>
<asp:ListItem Text="AD" Value="AD"> </asp:ListItem>
<asp:ListItem Text="CA" Value="CA"> </asp:ListItem>
<asp:ListItem Text="GSP" Value="GSP"> </asp:ListItem>
<asp:ListItem Text="GDC" Value="GDC"> </asp:ListItem>
<asp:ListItem Text="GST" Value="GST"> </asp:ListItem>
<asp:ListItem Text="GAD" Value="GAD"> </asp:ListItem>
<asp:ListItem Text="GCA" Value="GCA"> </asp:ListItem>
<asp:ListItem Text="GSP" Value="GSP"> </asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td>
...
JavaScript
var panel = $(".panel"), flip = $(".flip"),
state = $.cookie("ToggleStatus");
flip.click(function() {
panel.slideToggle("slow", function() {
$.cookie("ToggleStatus", (state == 1? "0" : "1"));
});
});
if ((state == 0 && panel.is(':visible'))) {
panel.slideUp();
}