在HTML破壞者按鈕之前放置隱藏內容

Question

就在幾天前，感謝谷歌，我登陸here，並學會了如何在HTML中製造一個破壞者。所以，下面的代碼工作：

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

但是，我想spoilered內容出現下的按鈕時，我透露的，而現在看來以上按鈕。這可能嗎？

Answer 1

只要做到這一點：

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