JQuery - 可折叠DIV：记住已打开div状态的简单方法？-Java 学习之路

这就是我对一个简单的可折叠div的看法（单击切换按钮时打开/关闭）

$(document).ready(function(){

        $(".slidingDiv").hide();
        $(".show_hide").show();

    $('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
    });

});

<a href="#" class="show_hide">Show/hide</a>
<div class="slidingDiv">
Fill this space with really interesting content. <a href="#" class="show_hide">hide</a></div>

.slidingDiv {
    height:300px;
    background-color: #99CCFF;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #3399FF;
}

.show_hide {
    display:none;
}

现在，该功能完美运行，但如果我打开div然后导航页面，div显然会重新加载/点击链接等关闭 .

是否有一种简单的方法来添加记住状态，以便在整个用户体验期间，当他点击打开它时div仍然打开？

3 回答

0

我想你有两个选择 .

首先是进行AJAX调用以使用PHP保存div的状态，例如会话变量 .

或者甚至可以更好地利用HTML5的离线存储 .

但是我不知道浏览器对离线存储的支持是什么 .

回复于 2024-05-13T14:27:56+08:00
0

如何使用javascript在用户计算机上创建cookie？

你可以在这里阅读更多.... http://w3schools.com/JS/js_cookies.asp

回复于 2024-05-13T14:27:56+08:00
0

您可以下载JQuery cookie插件，这将使它更容易：

http://plugins.jquery.com/project/Cookie

回复于 2024-05-13T14:27:56+08:00

JQuery - 可折叠DIV：记住已打开div状态的简单方法？

3 回答

相关问题