Javascript JQuery在回发时展开/折叠

我有这段代码来展开/折叠（切换），效果很好

但是当页面回发时，我希望保持div的状态

现在如果我刷新页面，所有的div都会被折叠

我怎么做

JS:

$(document).ready(
 function () {
     $(".header").click(function () {
         var $header = $(this),
    $span = $header.find(">:first-child"),
         //getting the next element
    $content = $header.next();        
         //open up the content needed
         $content.slideToggle(500);
     });
 });

<div class="container">
   <div class="header">
       ...
   </div>
   <div class="content">
       ...
   </div>
</div>
<br />
<div class="container">
   <div class="header">
      ...
   </div>
   <div class="content">
       ...
   </div>
</div>

HTML:

$(document).ready(
 function () {
     $(".header").click(function () {
         var $header = $(this),
    $span = $header.find(">:first-child"),
         //getting the next element
    $content = $header.next();        
         //open up the content needed
         $content.slideToggle(500);
     });
 });

<div class="container">
   <div class="header">
       ...
   </div>
   <div class="content">
       ...
   </div>
</div>
<br />
<div class="container">
   <div class="header">
      ...
   </div>
   <div class="content">
       ...
   </div>
</div>

...
...


...
...

首先为什么要重新加载整个页面

如果刷新页面，则与第一次加载页面相同，所有div都将折叠（与您的情况相同）

---

如果回发是由于某些事件（如click event）引起的，则尝试在要重新加载的元素周围放置

ajax UpdatePanel控件。这将避免整个页面的回发，并且只刷新UpdatePanel中的元素。
OK。我会解释的。我有一个gridview，带有一个按钮，可以打开一个新窗口。是否可以将gridview置于updatepanel中，并在关闭窗口后仅刷新updatepanel？（直到现在我使用Response.Redirect）