首页 > 解决方案 > 如何在我的博客中添加两个或多个扰流板按钮

问题描述

:我有一个在我的 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>

标签: javascripthtmlscriptingblogger

解决方案


当我重命名 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>

推荐阅读