Нужно чтоб при нажатии одной ссылки закрывалась предыдущая. Не могу разобраться
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>
А чем вам JQuery не угодил?
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>
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости