jquery点击一个div显示再次点击隐藏

2024-10-11 18:40:42

1、新建一个html文件,命名为test.html,用于讲解jquery点击一个div显示再次点击隐藏。

jquery点击一个div显示再次点击隐藏

3、为了展示明显的效果,在css标签内,设置div的样式,定义其宽度、高度为100px,并设置其背景颜色为蓝色。

jquery点击一个div显示再次点击隐藏

5、在js标签中,创建showHide()函数,在函数内,通过class获得div对象,使用toggle()方法实现点击div隐藏,再点次又显示出来的效果。

jquery点击一个div显示再次点击隐藏jquery点击一个div显示再次点击隐藏
猜你喜欢