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