Jquery 触发后端代码时防止扩展

我正在使用jquery折叠和展开页面中的一些div标记

我的问题是，如果我有一个折叠的div，并且在后端代码中触发了一个事件，那么页面将刷新，div将展开。。。有人知道我该怎么解决这个问题吗

请注意，我将asp.net与vb.net一起使用

<div class="content-module-heading cf">
   <h3 class="fl">Table of content to send</h3>
   <span class="fr expand-collapse-text">Click to collapse</span>
   <span style="display: none;" class="fr expand-collapse-text initial-expand">Click to expand</span>
</div> 

---

使用本地存储或cookies来隐藏或不隐藏div。@TusharGupta我不明白你的意思。。我用jquery更新了我的问题，你能告诉我怎么做你的建议吗？

 $(document).ready(function() {

//Content boxes expand/collapse
$(".initial-expand").hide();

$("div.content-module-heading").click(function(){
    $(this).next("div.content-module-main").slideToggle();

    $(this).children(".expand-collapse-text").toggle();
});

 });