html 点击按钮隐藏，点击另外一个按钮显示

举报该问题

其他回答

第1个回答 2017-03-03

<div id="xxx" style="display:block">ないよう</div>
<input type="button" onClick="aaa()" value="隐藏">
<input type="button" onClick="aaa()" value="显示">

<script>
function aaa(){if(document.getElementById("xxx").style.display=="block"){document.getElementById("xxx").style.display="none";}else{document.getElementById("xxx").style.display="block";}
}

</script>
百度贴吧:安林网络吧本回答被提问者和网友采纳

第2个回答 2017-02-27

show和hide使用追问

怎么用啊？应该在哪里添加

追答<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide();
  });
  $("#show").click(function(){
    $("p").show();
  });
});
</script>
</head>
<body>
<p>如果你点击“隐藏” 按钮，我将会消失。</p>
<button id="hide">隐藏</button>
<button id="show">显示</button>
</body>
</html>

相似回答

怎样实现点击按钮显示其他隐藏的按钮答：//消失oBtn1.value="显示";}else{oBtn2.style.display="inline";//出现 oBtn1.value="隐藏";}isShow=!isShow;}}</script></head><body><input type="button" id="btn1" value="隐藏" /><input type="button" id="btn2" value="按钮" /></body></html> ...

...div上有一个按钮,点击后隐藏,然后在显示另外一个div答：1、打开html开发软件，新建一个html文件。2、在html文件上创建一个button按钮，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。3、然后创建一个隐藏的div，把需要隐藏的内容写到这个div上，然后给这个div设置一个id。4、给div设置隐藏的样式。在<title>标签后面为id为hide设置样式display:none...