如何在我的博客中添加两个或更多剧透按钮
How to add two or more spoiler button in my blog
问题:我有一个扰流代码在我的 Blogspot 博客中运行良好。但是当我在我的博客中两次放置相同的代码时(如剧透 1 和剧透 2),剧透 1 运行良好,但剧透 2 无法打开。为什么?我如何解决它?请帮忙。我不会编程。
以下是我使用的剧透代码:
enter <div id="spoiler" style="display:none">
HIDDEN CONTENT HERE
</div>
<a display="initial"
id="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 hidden content
</a>
重命名 ID 时适用于我
enter <div id="spoiler" style="display:none">
HIDDEN CONTENT HERE
</div>
<a display="initial"
id="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 hidden content
</a>
enter <div id="spoiler2" style="display:none">
HIDDEN CONTENT HERE
</div>
<a display="initial"
id="button"
title="Click to show/hide content"
type="button"
onclick="if(document.getElementById('spoiler2')
.style.display=='none') {
document.getElementById('spoiler2')
.style.display=''
}else{
document.getElementById('spoiler2')
.style.display='none'
}">
Show hidden content
</a>
问题:我有一个扰流代码在我的 Blogspot 博客中运行良好。但是当我在我的博客中两次放置相同的代码时(如剧透 1 和剧透 2),剧透 1 运行良好,但剧透 2 无法打开。为什么?我如何解决它?请帮忙。我不会编程。
以下是我使用的剧透代码:
enter <div id="spoiler" style="display:none">
HIDDEN CONTENT HERE
</div>
<a display="initial"
id="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 hidden content
</a>
重命名 ID 时适用于我
enter <div id="spoiler" style="display:none">
HIDDEN CONTENT HERE
</div>
<a display="initial"
id="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 hidden content
</a>
enter <div id="spoiler2" style="display:none">
HIDDEN CONTENT HERE
</div>
<a display="initial"
id="button"
title="Click to show/hide content"
type="button"
onclick="if(document.getElementById('spoiler2')
.style.display=='none') {
document.getElementById('spoiler2')
.style.display=''
}else{
document.getElementById('spoiler2')
.style.display='none'
}">
Show hidden content
</a>