其實最簡單的點擊顯示，就是如圖所示的這種，依賴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>