JQuery持久切换div

时间:2016-05-12 08:19:20

标签: jquery local-storage toggle

我是Javascript的新手并且在持续切换中苦苦挣扎。

我正在尝试调整此处列出的代码Toggle DIV state localstorage 但是我的本地存储变量没有被定义。

HTML

max-width

CSS

<head>
  <style>
    html {
      margin: 0;
      padding: 0;
      font-size: 62.5%;
    }
    body {
      font-size: 14px;
      font-size: 1.4em;
    }
    h1 {
      font-size: 1.8em;
    }
    .demo {
      overflow: auto;
      border: 1px solid silver;
      min-height: 100px;
      min-width: 200px;
      float: left
    }
    .demo1 {
      overflow: auto;
      border: 1px solid silver;
      min-height: 100px;
      min-width: 200px;
      float: right
    }
  </style>
  <link rel="stylesheet" href="style.min.css" />
</head>

<body>
  <div id="frmt" class="demo"></div>
  <div id="frmt1" class="demo1"></div>
</body>

的JScript

<div class="oo-adv-search">
   <a id='hideshow' value='hide/show'>advanced search</a>
</div>
<div id="adv_search" class="oo-adv-search-box">
    search box content
</div>

这是我的jsfiddle:https://jsfiddle.net/woodbine/0krzr949/

1 个答案:

答案 0 :(得分:0)

我已经看过你的小提琴了,据我所知,你只想切换高级搜索div的可见性,不需要在localStorage中为此设置一个标志,只需检查该元素是否可见。

SELECT * FROM *

Fiddle