网站建设资讯

NEWS

网站建设资讯

jquery收起,jquery收缩展开菜单

JQuery展开收起div 求大神帮忙添加上下箭头图片

a href="#" id="toggle" class="top"展开img src="img/1401957442.png" / /abr /

成都创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:网站制作、成都网站制作、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的海棠网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

$("#toggle").click(function() {

$(this).html($("#content").is(":hidden") ? "收起"+"img src='img/1401957442.png' /" : "展开"+"img src='img/1401957442.png' /");

$("#content").slideToggle();

});

按你这种写法,直接把三角的图片跟那个文字写在一起,要不然还真不太方便控制。把text方法改成html方法。

图片路径记得改

用jquery作了个上下伸缩的菜单 但是收起的时候会抖动 问是什么原因?

slideUp();这个时间长短,浏览器和js延迟,都会有原因;

我现在很少用这种特效了,还是直接hide()和show()比较干脆

jquery怎么样点击页面其他地方收起那个ul列表啊

可以在文档中除了那个ul列表之外绑定事件进行处理。

比如,可以对整个文档或body部分用not排除ul列表,绑定点击事件,当点击非ul列表部分就可以用slide或animate等函数收起那个列表。

jquery收起展开效果

结构非常稳固

$("h3 i").click(function(){

$(this).parent().parent().find("ul").toggle();//无动画显示隐藏

$(this).parent().parent().find("ul").fadeToggle();// 透明度变化 淡入淡出

$(this).parent().parent().find("ul").slideToggle(); //有个上下滑动动画的展开收起效果 推荐

});


网站名称:jquery收起,jquery收缩展开菜单
网站地址:http://cdweb.net/article/dsdspje.html