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

2022-4-2 小微发布 技术日志 浏览(402)

//点击a标签,轮流显示和隐藏
<div id="timo" style="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>

标签: JavaScript 

免费电子图册系统