javascript - 不使用 Javascript 切换 div

Question

我想切换 <div> , 但我的要求是它必须与 javascript 一起使用关闭。我想选择一个声明“修改搜索”的超链接，并显示包含搜索条件的 div。

我发现了大量使用 jQuery 的演示, 但他们都需要 javascript启用。任何帮助表示赞赏。

Answer 1

Here you go, skipper! (编辑 — 为科学更新)

HTML:

<label for=cb>Click Here</label>
<input type='checkbox' style='display: none' id=cb>
<div>
    Hello. This is some stuff.
</div>

CSS:

input:checked + div { display: none; }

编辑 — 附加注释:display: none将导致某些浏览器 (IE) 不注意 <input>复选框。而不是用 display 隐藏它CSS 属性，您可以使用 position: absolute; left: -10000px; 之类的东西将其“移动”到屏幕外.