码迷,mamicode.com
首页 > 其他好文 > 详细

控制div显示隐藏(有文字图片介绍)

时间:2015-08-02 14:55:37      阅读:102      评论:0      收藏:0      [点我收藏+]

标签:

<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‘/>");
}

});
});
})

控制div显示隐藏(有文字图片介绍)

标签:

原文地址:http://www.cnblogs.com/zhouyx/p/4695638.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!