首页 > Web开发 > 详细

jquery实现点击显示,再点击隐藏

时间:2020-01-02 12:18:39      阅读:86      评论:0      收藏:0      [点我收藏+]

//点击a标签,轮流显示和隐藏
<div id="timo" style="background-color:red;height:50px;width:50px;"></div>
<a href="javascript:void(0);" id="lol">点击这里</a>

<script>
$(function(){
$(‘#lol‘).click(function(){//点击a标签
if($(‘#timo‘).is(‘:hidden‘)){//如果当前隐藏
$(‘#timo‘).show();//那么就显示div
}else{//否则
$(‘#timo‘).hide();//就隐藏div
}
})
})
</script>

jquery实现点击显示,再点击隐藏

原文:https://www.cnblogs.com/WebLinuxStudy/p/12131906.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!