1、实现该功能需依赖jquery.js，jquery.autocomplete.js，先引入这两个js包，以及jquery.autocomplete.css样式文件，如图所示。
站在用户的角度思考问题，与客户深入沟通，找到南木林网站设计与南木林网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站设计、成都做网站、企业官网、英文网站、手机端网站、网站推广、域名注册、网页空间、企业邮箱。业务覆盖南木林地区。
2、使用框架：查找框架中的二级菜单组建，如Bootstrap中的导航条中的二级菜单。
3、JS+CSS制作垂直折叠菜单，左侧带有折叠下拉的图标 主要是想知道折叠的图标和打开的图标的JS部分是怎样写的。... 主要是想知道折叠的图标和打开的图标的JS部分是怎样写的。
4、首选，你要清楚css和jQuery（js）是什么。首先，css是一种网页的样式语言，主要了解其选择器与属性设置。
5、上面那个是我做的效果。。不知道你能看明白了么。鼠标经过上面的 出来下面的；离开就隐藏。。给你代码 你看看。。
首先，你说的这个问题任何代码都没办法解决，因为如果你的二级栏目过多，导致了超出显示器的范围这个是没有办法避免的。其次，你说的如图的效果，那图在什么地方？有图我才好给你提供解决方案。
可以考虑改变定位方式。修改style=display：none，加入 position：relative；left：-100px；//不知道左移多少合适。
text-align： left； width： 180px； position： absolute； bottom： 25px；}设定 bottom： 25px； 使该元素的底部和其上级元素的顶部对齐。最后再调整整个菜单的位置，让二级菜单不超出窗口范围就可以了。
你怎么还没有解决这个问题啊，我找了一下我写的那个效果，是仿小米guan 网的，你看看，给你点思路吧，具体的代码在nav.js里面。
1、第一步确定显示个数 少于等于5的处理 var list ={分类1。。
2、新建一个html文件，命名为test.html。在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。在test.html文件内，在p标签内，使用button标签创建一个按钮，按钮名称为“按钮”。
3、jquery实现元素隐藏和显示效果有两种方法，分别为：使用 hide() 和 show() 方法来隐藏和显示元素使用toggle() 方法来隐藏和显示元素下面我们来看看这两种方法具体是如何实现元素的隐藏和显示。
4、这个有好几种方式的 一种就是控制大框架的高度，超出隐藏，然后Js是控制点击显示的时候高度自适应，点击隐藏的时候高度为设置的高度。