控制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'/>");
}

});
});
})

posted @ 2015-08-02 13:12  简单就好zyx  阅读(283)  评论(0编辑  收藏  举报