jQuery切换工具栏:隐藏和可见

Question

使用下面的代码时，工具栏在每个页面上都是可见的，而不管它以前是否在任何其他页面上关闭过。在任何特定的页面上，用户都可以打开或关闭它。

<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery("#toolbar-trigger").click(function(){
        jQuery(this).next("#toolbar-spacer").slideToggle("slow");
    });
});
</script>
<div id="toolbar-trigger" class="arrow"></div>
<div id="toolbar-spacer" class="toggle_container">
    <div class="spacer">
        CONTENT
    </div>
</div>

如果用户选择隐藏工具栏，我希望工具栏在所有页面上保持隐藏。只有触发器是可见的。

谢谢!

Answer 1

可以将工具栏的状态保存在cookie中。由于jQuery本身不支持cookie，因此需要一个插件。阅读本教程，它可能会对你有所帮助。