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，因此您需要一个插件。阅读this tutorial它可能会对您有所帮助。