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收缩展开菜单
网页网址:https://www.cdcxhl.com/article24/dsdspje.html

成都网站建设公司_创新互联,为您提供域名注册网站设计公司建站公司企业建站动态网站微信小程序

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都定制网站网页设计