无论是什么场合或原因，您都可能想要隐藏网页的内容。这可以是一小段文本，也可以是整个部分。

simplehide.js是一个轻量级的jQuery插件，用于隐藏触发器链接下的任何内容，使用户只需单击即可显示隐藏的内容。非常适合在你的博客文章中隐藏剧透。

如何使用它:

1.在jQuery之后下载并加载simplehide.js插件的缩小版。

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/simplehide.min.js"></script>

2.将要隐藏的内容添加到块元素中，如DIV容器，甚至自定义HTML标签，如下所示：

<div id="example-1">
   <h2>Rich Content</h2>
   <img src="https://source.unsplash.com/Ta5II09WSrA/400x300" />
</div>

<customhtmltag>
  Custom html tag
</customhtmltag>

3.调用函数简易兽皮函数，插件将完成其余工作。

$(function(){
  $('#example').simplehide();
  $('customhtmltag').simplehide();
});

4.自定义显示链接。

$(function(){
  $('#example').simplehide({
    showLink: '<a href="#">Reveal...</a>'
  });
});

预览截图

jQuery simplehide.js Pluing显示和隐藏内容