It is necessary that when you click one link, the previous one closes. I can not understand

function toggle(imgElem, divId) { if(document.getElementById) { var divElem = document.getElementById(divId); if(divElem.className == "closed") { divElem.className = "opened"; document.getElementById("linkname").InnerText = 'КНОПКА'; } else { divElem.className = "closed"; document.getElementById("linkname").InnerText = 'КНОПКА'; } } } 
 .closed {display:none;} .opened {display:block;} 
 <a href="#" id="linkname" onclick="toggle(this,'openbox')">КНОПКА</a> <div id="openbox" class="closed"> Text1 </div> <a href="#" id="linkname" onclick="toggle(this,'openbox2')">КНОПКА</a> <div id="openbox2" class="closed"> Text2 </div>

2 answers 2

 $(function() { $('.view-source .hide').hide(); $a = $('.view-source a'); $a.on('click', function(event) { event.preventDefault(); $a.not(this).next().slideUp(500); $(this).next().slideToggle(500); }); }); 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="view-source"> <a href="#">111</a> <div class="hide">Спрятанный текст</div> </div> <div class="view-source"> <a href="#">222</a> <div class="hide">Спрятанный текст</div> </div> <div class="view-source"> <a href="#">333</a> <div class="hide">Спрятанный текст</div> </div>

    And what you jQuery did not please?

     function toggle(divId) { if(document.getElementById) { var divElem = document.getElementById(divId); // нужно открыть или закрыть? var opened = divElem.classList.contains("opened"); var openbox_elems = document.getElementsByClassName('openbox-elem'); for(var i=0; i<openbox_elems.length; i++){ // закрываем все табы openbox_elems[i].classList.remove('opened'); } if(!opened){ // нужный был закрыт, открываем divElem.classList.add('opened'); } } } 
     .closed {display:none;} .opened {display:block;} 
     <a href="#" id="linkname" onclick="toggle('openbox')">КНОПКА</a> <div id="openbox" class="closed openbox-elem"> Text1 </div> <a href="#" id="linkname" onclick="toggle('openbox2')">КНОПКА</a> <div id="openbox2" class="closed openbox-elem"> Text2 </div>