Question

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

这是现有代码。

＆＃13;

<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>

＆＃13;

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

＆＃13;

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

Answer 2

您可以在此处查看结果：

http://jsfiddle.net/jsfiddleCem/33axo20f/2/

代码是：

Outlook 2000 - Version 9 
Outlook 2002 - Version 10
Outlook 2003 - Version 11
Outlook 2007 - Version 12
Outlook 2010 - Version 14
Outlook 2013 - Version 15

Answer 3

为什么不使用：

<script type="text/javascript">
    $(function(){
        $('#info').click(function() {
            $(this).hide();
        });
    });
</script>

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

单击后隐藏按钮

3 个答案: