利用隐藏现实就可以直接灵活运用下拉列表
<!DOCTYPE html>
<html>
<head>
<title>jQuery下拉导航</title>
<script type="text/javascript" src="../jQuery/jquery-3.3.1.js"></script>
</head>
<body>
<script>
$(function(){
$('ul').hide()
$('h3').click(function(){
$('ul').show()
})
})
</script>
<h3>我是标题</h3>
<ul>
<li>我是第一个</li>
<li>我是第一个</li>
<li>我是第一个</li>
<li>我是第一个</li>
</ul>
</body>
</html>