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(); //有个上下滑动动画的展开收起效果 推荐
});