Question

我有一个名为hidden的班级（显然）我想切换它的可见性，但问题是我不会切换一个div而是多个div。所以我为每个div分配了一个按钮，它的工作原理是btw

<script>
$(".hidden").hide();

function toggleDiv(divId) {
    $("."+divId).toggle();
 }
 </script>

<div class="hidden biographies">
...
</div>

<div class="hidden food">
...
</div>

<button id="button" onclick="javascript:toggleDiv('biographies')">Bios</button>

<button id="button" onclick="javascript:toggleDiv('food')">Food</button>

如何使用Cookie保存切换状态？

对不起，如果您之前看过这个，我尝试实施本网站上的其他示例，但由于我不熟悉JS，我最终寻求帮助，谢谢你提前

Answer 1

我建议使用localStorage代替Cookie。

以下是如何使用您的代码编写和读取值的示例：

$(function() {
    if (!localStorage.getItem('visible')){ //read the value, if the value does not exist it will return false.
      $('.hidden').hide();
    }

    function toggleDiv(divId) {
      $('.' + divId).toggle();

      localStorage.setItem('visible', $('.' + divId).is('::visible')); // save value to local storage
    }
});

检查localStorage支持here。

保存不同按钮的切换状态

1 个答案: