此作品是一款非常实用的常见问题FAQ面面使用的导航菜单特效,简洁大气,也是从事政府资助工作的网友杰立浏览享赢棋牌联盟网站的时候觉得很实用和好看就整理分享出来了,实现了FAQ可收缩手风琴jquery导航菜单。。。
核心jquery代码如下:
$("li>h5",".foldList").bind("click",function(){
var li=$(this).parent();
if(li.hasClass("fold")){
li.removeClass("fold");
$(this).find("b").removeClass("UI-bubble").addClass("UI-ask");
li.find(".foldContent").slideDown();
}else{
li.addClass("fold");
$(this).find("b").removeClass("UI-ask").addClass("UI-bubble");
li.find(".foldContent").slideUp();
}
})
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友杰立 导航菜单 二级菜单 弹出层 选项卡 三级联动 树形菜单 dtree 滑动插件 手风琴效果 tabs