<script type= "text/javascript" >
|
//<![CDATA[ |
$(document).ready( function () {
|
// Store variables
|
var accordion_head = $( '.accordion > li > a' ),
|
accordion_body = $( '.accordion li > .sub-menu' );
|
// Open the first tab on load
|
accordion_head.first().addClass( 'active' ).next().slideDown( 'normal' );
|
// Click function
|
accordion_head.on( 'click' , function (event) {
|
// Disable header links
|
event.preventDefault();
|
// Show and hide the tabs on click
|
if ($( this ).attr( 'class' ) != 'active' ){
|
accordion_body.slideUp( 'normal' );
|
$( this ).next().stop( true , true ).slideToggle( 'normal' );
|
accordion_head.removeClass( 'active' );
|
$( this ).addClass( 'active' );
|
}
|
});
|
});
|
//]]>
|
</script>
|
jQuery手风琴菜单(模拟手机界面) - javascript代码库 - 云代码http://yuncode.net/code/c_53a707aed822c61
相关推荐
下面我们一起来看看如何实现这款漂亮的jQuery飘带式手风琴下拉菜单。 HTML代码 由于使用了bootstrap框架,因此其HTML结构也需要一致,代码如下: [......] 阅读全文>>
jQuery左右滑动手风琴轮播切换特效
jQuery手风琴 jQuery手风琴网页特效.zip
jQuery手风琴菜单网页特效 jQuery手风琴菜单网页特效 jQuery手风琴菜单网页特效 jQuery手风琴菜单网页特效
手风琴菜单效果,导航菜单,下拉菜单,手风琴菜单,JS下拉菜单,jQuery下拉菜单,导航下拉菜单特效
此Jquery实现了网格手风琴特效,结合网格手风琴缩略图和手风琴面板的功能,是你展示你的图片网站一个非常有趣的方法。你可以选择使用XML或HTML。功能强大的API将允许进一步提高这个Jquery插件的功能,可以方便地集成...
jQuery鼠标响应式手风琴特效 jQuery鼠标响应式手风琴特效 jQuery鼠标响应式手风琴特效 jQuery鼠标响应式手风琴特效
这一款jQuery多级折叠手风琴菜单特效代码,通常用于网站后台管理系统左侧菜单,切换效果平滑好看。
用jquery UI实现的手风琴菜单、折叠菜单
Jquery css3个人主页滑动手风琴菜单特效 Jquery css3个人主页滑动手风琴菜单特效
JQuery垂直可折叠手风琴菜单,每次只展开当前点击栏目的子菜单,会隐藏其他显示的子菜单,适合用于网站侧边栏菜单使用。
jQuery实现树型多级折叠手风琴菜单特效源码.zip
代码简介:jQuery多级下拉垂直手风琴代码是一款通过将不同的子菜单进行分组,制作出多级菜单的效果。
jQuery手风琴菜单,简单易用,在现在的大多数网站中使用,下载学习学习
基于jQuery实现垂直手风琴菜单列表特效源码.zip
jquery手风琴折叠式导航菜单特效,点击一级导航栏目展开显示二级导航菜单栏目,其他展开的栏目都关闭,只展开当前的导航菜单。折叠式的导航菜单比较适合用于网站的侧边分类的导航,节省空间又方便。
jQuery手风琴下拉菜单收缩展开特效
手风琴菜单导航jquery特效,jquery,手风琴特效,菜单导航,CSS3,jquery特效,jquery插件.