控制div显示隐藏（有文字图片介绍）

<div class="toggle">
<p id="zi">收起</p>
<p id="zhe"><img src="images/up.png" width="20"/></p>
</div>

$(function() {
$('.toggle').click(function() {
$('.headerwrap').slideToggle(function() {
var res = $(this).is(':visible');
if (res) {
$("#zi").text("收起");
$('#zhe').html("<img src='images/up.png' width='20'/>");
} else {
$("#zi").text("展开");
$('#zhe').html("<img src='images/down.png' width='20'/>");
}

});
});
})