大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
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方法。
图片路径记得改
slideUp();这个时间长短,浏览器和js延迟,都会有原因;
我现在很少用这种特效了,还是直接hide()和show()比较干脆
可以在文档中除了那个ul列表之外绑定事件进行处理。
比如,可以对整个文档或body部分用not排除ul列表,绑定点击事件,当点击非ul列表部分就可以用slide或animate等函数收起那个列表。
结构非常稳固
$("h3 i").click(function(){
$(this).parent().parent().find("ul").toggle();//无动画显示隐藏
$(this).parent().parent().find("ul").fadeToggle();// 透明度变化 淡入淡出
$(this).parent().parent().find("ul").slideToggle(); //有个上下滑动动画的展开收起效果 推荐
});