<head runat="server">
<title></title>
<script type='text/javascript' src="jquery-1.4.1.min.js">
</script>
<style type="text/css">
.panel
{
display: none;
}
</style>
<script type="text/javascript">
$(function() {
$("#Link1").click(function(evt) {
evt.preventDefault();
$('#panelText').slideToggle('slow');
if ($('#panelText').hasClass('panel')) {
$('#PanelState').attr('value', 'true');
} else {
$('#PanelState').attr('value', 'false');
}
});
});
$(document).ready(function() {
if ($('#PanelState').attr('value') == 'false') {
$('#panelText').addClass('panel');
}
});
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:hiddenfield id="PanelState" runat="server" value="false" />
<asp:hyperlink id="Link1" runat="server" navigateurl="#" >SlideToggle
</asp:hyperlink><br />
<asp:panel id="panelText" runat="server" >
Some text</asp:panel>
<asp:button id="button1" runat="server" text="Postback" />
</form>
</body>
</html>