javascript - 如何在我的博客中添加两个或多个扰流板按钮
问题描述
问:我有一个在我的 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>
推荐阅读
- python - 从另一个文件模拟本地函数
- javascript - 如何通过单击随机更改按钮的背景颜色?
- svelte - 如何在 Svelte 中使用 TypeitJs?
- ios - 为什么IOS中的请求返回成功错误(未知错误)?
- react-native - 渲染不是一个函数 facebook 广告
- function - 如何在 servicenow 中正确使用函数字段的“glidefunction:concat”?
- node.js - 如果这个nodejs rest api正常并且它的mongoose结构和mongodb数据,为什么我会从mongoDB获得空值?
- kotlin-coroutines - kotlin协程,coroutineScope和withContext有什么区别
- android - 如何在 Kotlin X 时间后显示插页式广告?
- javascript - 根据路径和正则表达式过滤 JSON