分享一个手机wap常用的展开伸缩菜单效果，菜单导航代码很简单，你可以改成自己想要的样式。
淘建站为您提供更多_导航菜单_下拉导航_手机菜单_下拉菜单，在此特别感谢您对我们的支持与厚爱！
查看演示
演示不了，点击反馈
加入收藏
下载 99 次
下载资源
2 淘币
特别说明：本站资源来自网友发布分享，仅供学习与参考，请勿用于商业用途，若有侵权请联系删除(272966172@qq.com)。
垂直导航菜单HTML代码：
<ul class="clearfix">
<li>
<a class="cur" href="javascript:void(0)">精选水果</a>
<ul style="display:block;">
<li><a href="http://www.sucaiq.com/">进口水果</a></li>
<li><a href="http://www.sucaiq.com/">国产水果</a></li>
<li><a href="http://www.sucaiq.com/">水果色拉</a></li>
<li><a href="http://www.sucaiq.com/">水果礼盒</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0)">田园时蔬</a>
<ul>
<li><a href="http://www.sucaiq.com/">进口水果</a></li>
<li><a href="http://www.sucaiq.com/">国产水果</a></li>
<li><a href="http://www.sucaiq.com/">水果色拉</a></li>
<li><a href="http://www.sucaiq.com/">水果礼盒</a></li>
</ul>
</li>
</ul>点击菜单js代码
$(".ny_zblb1 ul li").click(function() {
var thisSpan = $(this);
$(".ny_zblb1 ul li ul").prev("a").removeClass("cur");
$("ul", this).prev("a").addClass("cur");
$(this).children("ul").slideDown("fast");
$(this).siblings().children("ul").slideUp("fast");
})
