使用toggle和after实现点击隐藏和显示

使用JavaScript的`toggle`和`after`方法，你可以轻松地创建一种点击元素后使其隐藏或显示的效果。这两个方法分别对应于HTML元素的可见性和插入内容到某个位置的功能。

`toggle`方法主要用于切换元素的display属性。当应用于一个元素上时，如果该元素是隐藏的（`display:none`），那么`toggle`会将其显示出来；如果是显示的，则会将其隐藏起来。

例如：

element.toggle();

这行代码会让`element`元素在隐藏和显示之间切换。

而`after`方法则是将指定的内容添加到元素之后。假设你想在元素被隐藏后在其后面添加一些文字作为提示，可以这样做：

element.after('隐藏后的内容');

这样，当你隐藏`element`时，会在它后面插入指定的文字。

结合使用，你可以这样实现点击事件来隐藏元素并展示一个提示：

element.on('click', function() {
    this.style.display = 'none'; // 隐藏元素
    this.after('已隐藏'); // 添加提示
});