javascript - 点击后隐藏按钮

Question

我试图在点击按钮后隐藏它(不在表单标签内)。显示表单后，按钮就没有用了。所以我想在点击后隐藏它

这是现有代码。

<script type="text/javascript">
	$(function(){
		var button = document.getElementById("info");
		 var myDiv = document.getElementById("myDiv");

		 function show() {
		     myDiv.style.visibility = "visible";
		 }

		 function hide() {
		     myDiv.style.visibility = "hidden";
		 }

		 function toggle() {
		     if (myDiv.style.visibility === "hidden") {
		         show();
		     } else {
		         hide();
		     }
		 }

		 hide();

		 button.addEventListener("click", toggle, false);
	});
</script>

<input id="info" type="button" value="Имате Въпрос?" class="switchbuton">

Answer 1

您可以使用 jQuery hide

$("#myDiv").hide() // to hide the div

和show喜欢

$("#myDiv").show() // to show the div

或toggle切换 dom 元素的可见性

$("#myDiv").toggle() // to toggle the visibility