用jquery怎么实现点击显示，再一次点击隐藏
答案:2 悬赏:70
解决时间 2021-01-16 10:51
- 提问者网友：不爱我么
- 2021-01-15 13:43
用jquery怎么实现点击显示，再一次点击隐藏
最佳答案
- 二级知识专家网友：酒醒三更
- 2021-01-15 14:16
html代码：
jquery代码：
function showOrHideDiv(){
if($("#show_div").is(":hidden")){
$("#show_div").show();//如果元素为隐藏,则将它显现
}else{
$("#show_div").hide();//如果元素为显现,则将其隐藏
}
}
jquery代码：
function showOrHideDiv(){
if($("#show_div").is(":hidden")){
$("#show_div").show();//如果元素为隐藏,则将它显现
}else{
$("#show_div").hide();//如果元素为显现,则将其隐藏
}
}
全部回答
- 1楼网友：孤独的牧羊人
- 2021-01-15 15:27
<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>
<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>
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯