位置：广州松河 > 技术支持 > jQuery点击显示隐藏（简单）_js/jQuery

jQuery点击显示隐藏（简单）_js/jQuery

来源：网络整理时间：2023/3/4 0:56:21 共 3633 浏览

其实最简单的点击显示，就是如图所示的这种，依赖jQuery！

在制作各种模板的时候，必不可少的就是jQuery文件，并且以来jQuery的效果也不担心在移动端上的表现，比之CSS有更好的兼容性！

下面分享下jQuery点击显示隐藏代码，常在下拉菜单中使用！

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>jquery点击显示，点击隐藏</title>
<script src= type="text/javascript"></script>
</head>
<script type="text/javascript">
 function showHideCode(){
  $("#showdiv").toggle().addClass(.navcolor);
 }
</script>
<body>
<div><a href="#" onclick="showHideCode()">菜单显示</a>
  <div id = "showdiv" style="display:none;">我是隐藏的那部分<br>
    我是隐藏的那部分我是<br>
    隐藏的那部分</div>
</div>
</body>
</html>

版权说明：
本网站凡注明“广州松河原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：jQuery(最优)点击切换显示隐藏状态，点击显示隐藏菜单，.click切换_js/jQuery | ·下一条：案例：jQuery文本段落展开和折叠效果/点击查看更多、点击隐藏_js/jQuery