折りたたみ可能な区切りをポストバック後に開く

Question

私はこれらのフィルタの束を含むパネルを持っています。デフォルトではすべて折りたたまれていますが、ボタンをクリックするとdivが展開されます。ただし、ポストバックがあるたびにdivが折りたたまれます。どのようにして、divの現在の状態をポストバック間で持続させることができますか？

   <h4 class="contentFilterHeader">Start Date</h4> 
       <button type="button" class="btn" data-toggle="collapse" data-target="#startDate"> 
       <div id="startDate" class="collapse"> 
        <label for="from">Before:</label> 
        <div class="form-group"> 
         <div class="date"> 
          <div class="input-group"> 
           <input type="text" class="form-control" id="startPicker" runat="server" name="date" /> 
           <span class="input-group-addon><span class="glyphicon glyphicon-calendar"></span></span> 
          </div> 
         </div> 
        </div> 

Answer 1

あなたは全体#startDateのdivにrunat=serverを追加し、isPostBack以上を確認した後、背後にあるコードからそれらにクラスを設定することができ、まだページ上でそれを開くために少しjavascriptのコードを追加する準備ができて

startDate.innerHtml = startDate.innerHtml + "<script> $(document).ready(function(){ $('#startDate').collapse('show') }) </script>"; 

そしてbootstrapは

EDIT

次のコードを使用することができます http://codepen.io/jammer99/pen/eZyqEN

var t, 
    //read cookie and determine if any panel was open before 
    earlierPanel = readCookie("openpanel") 
    //if value is found collapse all earlier panels and then open the last panel 
if (earlierPanel) { 
    $('#accordion .panel-collapse').removeClass("in"); 
    $("#" + earlierPanel).addClass("in") 
} 
//reset the behaviour when user opens another panel 
$('#accordion').on('shown.bs.collapse', function(w) { 
    t = w.target; 
    createCookie("openpanel", $(t).attr("id")) 
}) 

// remove cookie value using the following or you can write your code to delete the cookie 
$('#accordion').on('hide.bs.collapse', function(w) { 
    createCookie("openpanel","") 
}) 

function createCookie(name, value) { 
    document.cookie = name + "=" + value + "; path=/"; 
} 

function readCookie(name) { 
    var e = name + "="; 
    var a = document.cookie.split(";"); 
    for (var d = 0; d < a.length; d++) { 
    var f = a[d]; 
    while (f.charAt(0) == " ") { 
     f = f.substring(1, f.length) 
    } 
    if (f.indexOf(e) == 0) { 
     return f.substring(e.length, f.length) 
    } 
    } 
    return null 
}; 

Answer 2

パネルの状態を保存するには、HiddenFieldを使用します。 C＃を使用していると仮定すると、