用jquery怎么实现点击显示，再一次点击隐藏

 我来答

2个回答

#热议# 不吃早饭真的会得胆结石吗？

唯我随想no2
2016-12-17 · TA获得超过185个赞

知道小有建树答主

回答量：243

采纳率：50%

帮助的人：220万

我也去答题访问个人页

关注

展开全部

html代码：

<input type="button" value="显示/隐藏" onclick="showOrHideDiv()">
<div id="show_div" style="width:50px;height:50px;border:1px solid red;"></div>

jquery代码：

function showOrHideDiv(){
    if($("#show_div").is(":hidden")){
        $("#show_div").show();//如果元素为隐藏,则将它显现
    }else{
        $("#show_div").hide();//如果元素为显现,则将其隐藏
    }
}

本回答由提问者推荐

已赞过 已踩过<

评论收起

遥遥无期Li
2016-12-17 · TA获得超过497个赞

知道小有建树答主

回答量：544

采纳率：56%

帮助的人：241万

我也去答题访问个人页

关注

展开全部

<html>
<head>
<title>test</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
	<button>显示/隐藏</button><br><label style="display:none;">哈喽</label>
</body>
<script type="text/javascript">
$(function(){
	$("button").click(function(){
		if($("label").is(":visible")){
			$("label").hide();
		}else{
			$("label").show();
		}
	});
});
</script>
</html>

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

用jquery怎么实现点击显示，再一次点击隐藏

为你推荐：