jQuery and Partial PostBack

See more:

jQuery

Hi .
sorry . my english languge is not good!
i have a problem in jquery ! i have bottom script which make Collapsible div element
and works in master page . Because my pages has update panel therefore Occurs partial postback .i use

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(collapsibleInit);

for rebind script.
when i click any button this solution work correctly but not save div last state for example i expand div and when Occurs page postback div close again!!
please help me !

<script language="javascript" type="text/javascript">
    //    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(collapsibleInit);
    $(document).ready(collapsibleInit);
    function collapsibleInit() {
        var height1 = $("#<%=divContainerRecord.ClientID %>").height();
        $("#<%=divContainerRecord.ClientID%>").height(0);

        $("#<%=pnlCommand.ClientID %>").toggle(function () {
            $("#<%=pnlCommand.ClientID %> span").text(">");
            $("#<%=divContainerRecord.ClientID %> .tblFormInfo").fadeIn('slow');
            $("#<%=divContainerRecord.ClientID %>").animate({ "height": height1+50}, 1000);

        },
function () {
    $("#<%=pnlCommand.ClientID %> span").text("<");
    $("#<%=divContainerRecord.ClientID %> .tblFormInfo").fadeOut('slow');
    $("#<%=divContainerRecord.ClientID %>").animate({ "height": "0" }, 1000);
});
    }
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(collapsibleInit);

</script>