$(".menu_list ul li").click(function() {
//判断对象是显示还是隐藏
if($(this).children(".div1").is(":hidden")){
//表示隐藏
if(!$(this).children(".div1").is(":animated")) {
$(this).children(".xiala").css({'transform':'rotate(180deg)'});
//如果当前没有进行动画,则添加新动画
$(this).children(".div1").animate({
height: 'show'
}, 1000)
//siblings遍历div1的元素
.end().siblings().find(".div1").hide(1000);
}
} else {
//表示显示
if(!$(this).children(".div1").is(":animated")) {
$(this).children(".xiala").css({'transform':'rotate(360deg)'});
$(this).children(".div1").animate({
height: 'hide'
}, 1000)
.end().siblings().find(".div1").hide(1000);
}
}
}); 另外,每个菜单前面可以自行添加各种好看的小图标,效果会更好。
*
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
