html实现显示隐藏效果

1、首先利用p标签和button标签，布局页面。实现效果如下图所示

3、 布局完成后，我们可以实现显示隐藏效果，这里用到了jquery的hide()属性，核心代码如下图所示。 注意：吭稿荔徊1、第一个红框里引用了jquery文件 2、第二个红框里的代码是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。如果在文档没有完全加载之前就运行函数，操作可能失败。

5、优化的核心代码如下