写jQuery事件之前先布好局,先一个div标签之后在div里面放一个button标签并给他一个ID值,而button标签的下面则是需要执行操作的内容部分。
之后把jQuery插件引入
接下来写jQuery代码,获取button上面的ID名赋予点击事件,注意这里的点击的事件在jQuery里面是不加on的,之后事件里面获取需要执行操作的元素ID,用hide方法(隐藏元素)把显示的窗体隐藏起来。如果你的元素是隐藏状态的就把hide改成show方法(显示元素)把隐藏的元素显示出来。
如果你觉得这样操作太麻烦,你可以改成以上实例的结果toggle(用于确定显示/隐藏的开关)这样两个显示和隐藏的效果就都用上了。