在页面回发后保持可扩展div打开

时间:2016-01-05 11:26:25

标签: jquery css

我在ASP.Net页面中有一个div。在div内部是一个包含asp:dropdownlists的表单,它有条件地更改其他字段,因此需要PostBack。发生回发时,可扩展div返回到不可见的折叠状态。我希望在从下拉列表中选择值后,展开的div保持打开状态。

以下是展开和折叠div中使用的jQuery

$('.toggler1').live('click', function () {
    $(this).parent().children().toggle();     
    $(this).parent().parent().find('.toggled_content').slideToggle(); 
    $(this).closest(".toggleHolder").next(".hiddenText").slideToggle();
});  

1 个答案:

答案 0 :(得分:0)

向表单添加隐藏的输入,并为其提供可区分的ID或类。如果扩展div,这将发布true。如果你愿意,可以给它一个初始值“假”。

然后添加以下行:

$('.toggler1').live('click', function () {
    $('#MyHiddenInputNamedBetter').val('true'); // Add this line

然后在你的.NET代码中你做了类似的事情(我有一个VB背景):

<% If isPostBack AndAlso CBool(Request.Form('MyHiddenInputNamedBetter')) Then %>
    <script>
        $('.toggler1').parent().children().toggle(); // .... etc.
    </script>
<% End If %>