我想知道一旦用户单击 html/jsp 网站上的按钮，是否有可能出现在同一页面上？所以基本上一些文本是隐藏的，直到单击按钮然后它才会出现？我是网络开发新手，所以不确定这是否可能，谢谢
3 回答
海绵宝宝撒
TA贡献1809条经验 获得超8个赞
显示隐藏的 html 代码的按钮。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<body>
<button id="showContent" >
Click Me to Show Content
</button>
<button id="hideContent" style="display:none" >
Click Me to Hide Content
</button>
<div id="hiddenId" style="display:none">Welcome Dear!</div>
</body>
<script >
$("#showContent").click(function(){
$("#hideContent").show();
$("#showContent").hide();
$("#hiddenId").show();
});
$("#hideContent").click(function(){
$("#showContent").show();
$("#hideContent").hide();
$('#hiddenId').hide();
});
</script>
</html>
墨色风雨
TA贡献1853条经验 获得超6个赞
使用 JavaScript 切换display元素的样式属性：
const display = () => document.querySelector('#elt').style.display = 'block';
const hide = () => document.querySelector('#elt').style.display = 'none';
<button onclick="display()">Display</button>
<button onclick="hide()">Hide</button>
<div id="elt">Hello world</div>
有只小跳蛙
TA贡献1824条经验 获得超8个赞
您可以使用 Jquery 动态显示和隐藏页面上的元素。我建议看看它
https://jsfiddle.net/rxnfwzoj/1/
这里是.hide()and.show()函数的一个小例子
添加回答
举报
0/150
提交
取消