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://hbruida.cn/article/dsdspje.html