Как добавить две и более кнопки спойлера в свой блог - PullRequest
Новая
       84

Как добавить две и более кнопки спойлера в свой блог

1 голос
/ 05 августа 2020

Вопрос : У меня есть код спойлера, который хорошо работает в моем блоге 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>

1 Ответ

1 голос
/ 05 августа 2020

У меня работает при переименовании 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>
...