在切换隐藏/显示

时间:2014-04-20 12:14:52

标签: javascript html

我有这个代码。 如果用户按下,请说出burger并将其添加到session购物篮中。页面的重新加载不会打开当前的窗口视图(切换)

如何在重新加载时再次打开电流...

<script type="text/javascript">
function unhide(divID) {
    var item = document.getElementById(divID);
    if (item) {
        item.className=(item.className=='hidden')?'unhidden':'hidden';
    }
}
</script>

这是显示/隐藏文字的方法。

<a href="javascript:unhide('sandwich');"></a> 
<div id="sandwich" class="hidden">
Here you go 1 </div>

<a href="javascript:unhide('burger');"></a> 
<div id="burger" class="hidden">
Here you go 2 </div>

1 个答案:

答案 0 :(得分:0)

这样的事情在页面重新加载/刷新时并不持久。

有两种基本方法:

  • 服务器上的会话cookie和会话,通过AJAX进行通信
  • 将所有内容存储在Cookie中

两者都需要一些额外的工作,但这是不可避免的。
对于cookie部分,有一个很好的jQuery插件叫jquery.cookie