您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

首页 > jQuery > jQuery特效 > jQuery菜单导航特效 > 正文

jquery展开收缩手风琴菜单特效

2015-04-25 10:04:48 作者:天外飞仙 人气:752 Views

jquery展开收缩手风琴菜单特效
20150416223416
部分jQuery代码

<script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript"> $(function() { //菜单隐藏展开 var tabs_i = 0 $('.vtitle').click(function() { var _self = $(this); var j = $('.vtitle').index(_self); if (tabs_i == j) return false; tabs_i = j; $('.vtitle em').each(function(e) { if (e == tabs_i) { $('em', _self).removeClass('v01').addClass('v02'); } else { $(this).removeClass('v02').addClass('v01'); } }); $('.vcon').slideUp().eq(tabs_i).slideDown(); }); })</script>

下载地址
预览地址

链接:http://www.jqueryba.com/5544.html(转载时请注明本文出处及文章链接)

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!