jquery动态控制div显示隐藏

最新推荐文章于 2025-03-13 13:45:24 发布

原创最新推荐文章于 2025-03-13 13:45:24 发布 · 9.8k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#jquery控制div显示隐藏 #div显示隐藏 #jquery

项目同时被 3 个专栏收录

56 篇文章

订阅专栏

JavaScript

18 篇文章

订阅专栏

HTML

8 篇文章

订阅专栏

本文提供了一段实用的前端代码，用于实现下拉菜单的显示与隐藏功能。通过点击触发，判断目标元素的状态并进行相应的显示或隐藏操作，适用于快速复制粘贴以节省开发时间。

对于经常使用到的代码，在博客上备份一下，用到时，如果想不起来，直接copy过去。

最近在做项目的时候，经常卡在前段这方面，所以，对于经常用到的代码，如果一直出错的话，我们直接copy，不浪费时间；


$(function(){
    $('#select_condition_div').click(function(){//点击a标签
		if($('#select_out_big_div').is(':hidden')){//如果当前隐藏
		$('#select_out_big_div').show();//那么就显示div
		}else{//否则
		$('#select_out_big_div').hide();//就隐藏div
		}
    })
})