jQuery点击显示隐藏(简单)

老白 5个月前 202浏览 0评论

jquery点击显示隐藏.gif jQuery点击显示隐藏(简单) js/jQuery 

其实最简单的点击显示,就是如图所示的这种,依赖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>

 

评论