gpt4 book ai didi

jquery - 仅当单击按钮时显示 div

转载 作者:行者123 更新时间:2023-12-01 07:49:47 25 4
gpt4 key购买 nike

如何在单击按钮时显示 div,否则隐藏它?

我已经有了显示按钮:

<script>
$("#show").click(function(){
$("#content").show();
});
});
</script>

<div class="content">Content of div</p>

<button id="show">show</button>

最佳答案

我建议您使用 toogle() 而不是 show()hide()

还将您的代码放入ready()中。

如果您不想从一开始就显示它,请使用 display : nonevisibility: hide; 属性。

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("div").toggle();
});
});
</script>
</head>
<body>

<div style = "display: none;">This is a div.</div>

<button>Toggle between hide() and show()</button>

</body>
</html>

关于jquery - 仅当单击按钮时显示 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31358668/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com