在 HTML 剧透按钮前放置显示的隐藏内容 [英] Placing revealed hidden content before HTML spoiler button

问题描述

就在几天前，多亏了谷歌，我登陆了此处 并学习了如何在 HTML 中制作剧透.所以下面的代码有效:

在此处添加您的隐藏内容
<button title="点击显示/隐藏内容" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler').style.display=''}else{document.getElementById('spoiler') .style.display='none'}">显示/隐藏</button>

但是，我希望被破坏的内容在我显示按钮时出现在按钮下方，而现在它出现在按钮上方.这可能吗?

解决方案

只需这样做:

<button title="点击显示/隐藏内容" type="button" onclick="if(document.getElementById('spoiler)') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">显示/隐藏</button><div id="spoiler" style="display:none">在此处添加您的隐藏内容

Just a few days ago, thanks to Google, I landed here and learnt how to make a spoiler in HTML. So the following code works:

<div id="spoiler" style="display:none">
ADD YOUR HIDDEN CONTENT HERE
</div>
<button title="Click to Show/Hide Content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/Hide</button>

But, I would like the spoilered content to appear under the button when I reveal it, whereas now it appears above the button. Is this possible?

解决方案

Simply do this :

<button title="Click to Show/Hide Content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/Hide</button>
<div id="spoiler" style="display:none">
ADD YOUR HIDDEN CONTENT HERE
</div>

这篇关于在 HTML 剧透按钮前放置显示的隐藏内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！