Wordpress，表单缓存和显示隐藏 div

Question

在我的 Wordpress (3.8.1) 中，我制作了一个表格。当我点击它时，我有 1 个复选框，屏幕上会显示一个隐藏的 div，要求输入额外的信息。

显示隐藏 div 的 Javascript 代码：

$(function(){
   $('.toggler').click(function(){
       if (this.checked) {
           $('div.showdiv').slideDown();
       } else {
           $('div.showdiv').slideUp();
       }
   });
})

当我填写表格并意外刷新页面时，浏览器会提醒我已检查的选项和我已放置的文本，但即使复选框仍处于选中状态，我的隐藏 div 也会再次隐藏。所以我必须取消选中并再次检查，然后再次出现隐藏的 div。它不是那么重要，也许永远不会有人刷新页面，但你永远不知道。

我的 Javascript 不太好，希望有人能帮帮我

Answer 1

您的 if/else 函数仅在您单击复选框时才会被调用。所以当页面刷新时，没有点击复选框，所以没有显示/隐藏 div。

您可以在页面显示时检查复选框的状态：

$(function(){
  // Check the checkbox status when the page is displayed
  if ($('.toggler').is(":checked")){
    $('div.showdiv').slideDown();
  } else {
    $('div.showdiv').slideUp();
  }

  // And change the status on click
  $('.toggler').click(function(){
    if (this.checked) {
      $('div.showdiv').slideDown();
    } else {
      $('div.showdiv').slideUp();
    }
  });
})