jquery中siblings和slideDownslideUp应用.docx

《jquery中siblings和slideDownslideUp应用.docx》由会员分享，可在线阅读，更多相关《jquery中siblings和slideDownslideUp应用.docx（3页珍藏版）》请在三一办公上搜索。

1、jquery中siblings和slideDownslideUp应用jquery中siblings和slideDown、slideUp应用 siblings(可选)： 用于筛选同辈元素的表达式 slideUp： speed (String,Number) : 三种预定速度之一的字符串(slow, normal, or fast)或表示动画时长的毫秒数值(如：1000) callback (Function) : (可选) 在动画完成时执行的函数 效果图： HTML代码： 菜单一 菜单二 菜单三 菜单四 CSS代码： body margin:0; padding:0; .menubox posi

2、tion:absolute; width:100%; z-index:100; .menucount display:none; height:80px; overflow:hidden; background:#999999; #boxOpen height:80px; display:block; .menubt display:block; float:right; position:absolute; display:block; background:url(images/bg.gif); color:#FFFFFF; text-decoration:none; width:78px

3、; height:21px; text-align:center; font-size:12px; .menubtOpen display:block; float:right; position:absolute; display:block; background:#0066FF; color:#FFFFFF; text-decoration:none; width:50px; jquery代码如下： $(function $(.menubt).click(function $(this).blur; if($(this).siblings(div).css(display) = none) $(.menucount:visible).slideUp(200,function $(this).parent.css(zIndex,100);); $(this).siblings(div).slideDown(200,function $(this).parent.css(zIndex,10);); $(this).siblings(div).attr(id,#boxOpen); else $(this).siblings(div).slideUp(200,function $(this).parent.css(zIndex,100);); ) ) 图片bg.gif：