toggleOnClick是一个小型jQuery插件，用于通过单击触发器元素来扩展和折叠HTML内容。

可以帮助创建弹出菜单、下拉菜单、剧透等等。

如何使用它:

1.将toggleOnClick jQuery插件作为一个模块导入。

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to//index.js" type="module"></script>

// OR
import toggleOnClick from './index.js';

2.创建要展开和折叠的内容。

<div class="menu" id="js-menu">
  Menu or something else...
</div>

3.创建一个触发器元素来切换内容。

<button id="js-button">
  Click To Toggle
</button>

4.启用触发按钮以切换内容并将自定义动画应用于打开/关闭状态，如下所示：

$(function() {
  toggleOnClick(
    $('#js-button'),
    $('#js-menu'),
    {
      open($element) {
        $element.slideDown(200);
      },
      
      close($element) {
        $element.slideUp(200);
      }
    }
  );
});

预览截图

单击时展开和折叠HTML内容 jQuery切换单击时