gpt4 book ai didi

javascript - jquery 隐藏/显示

转载 作者:行者123 更新时间:2023-12-01 02:23:23 28 4
gpt4 key购买 nike

嗨,每1我的jquery都有一个问题,我希望调整这个cods以便能够在页面打开时隐藏图像/文本,这意味着当我打开页面时没有任何内容出现,只有当我点击按钮时出现图像/文本出现我想要的东西如何帮助我?

<html>
<head>

<script type="text/javascript">

function show_menu(id){
document.getElementById(id).style.display = "block";
}

function hide_menu(id){
document.getElementById(id).style.display = "none";
}


</script>
</head>


<body>

<button onclick="if (document.getElementById('idOfDiv').style.display=='none') show_menu('idOfDiv'); else hide_menu('idOfDiv');">Show/Hide</button>

<div id="idOfDiv">
<img src="http://mybroadband.co.za/photos/data/500/apple-logo.jpg"/>
text text text text text text text text text....</div>
</body>
</html>

最佳答案

使用 jQuery 这可以在一个函数中完成:

<script type="text/javascript">

function showhide_menu(id){
$("#" + id).toggle();
}

</script>

<button onclick="showhide_menu('idOfDiv');">Show/Hide</button>

<div id="idOfDiv" style="display:none;">
<img src="http://mybroadband.co.za/photos/data/500/apple-logo.jpg"/>
text text text text text text text text text....</div>

关于javascript - jquery 隐藏/显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9430515/

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