Показать сообщение отдельно
  #6 (permalink)  
Старый 25.05.2018, 13:07
Профессор
Отправить личное сообщение для _marisha Посмотреть профиль Найти все сообщения от _marisha
 
Регистрация: 18.05.2018
Сообщений: 170

j0hnik, то что нужно, супер! Спасибо Вам огромное
Итог:
<div class="installation">
			<div class="installation_element borderB">
				<a href="#" onclick="openbox('box1'); return false" class="link">Пункт 1</a>
			</div>
			<div class="installation_element">
				<a href="#" onclick="openbox('box2'); return false" class="link">Пункт 2</a>
			</div>
			<div class="installation_element">
				<a href="#" onclick="openbox('box3'); return false" class="link">Пункт 3</a>
			</div>
		</div>

.borderB
{
	border-bottom: 1px solid gray;
	font-weight: bold;
}

function openbox(id) {
  var all = document.querySelectorAll(".block-of-text");
  for (var i = 0; i < all.length; i++) {
    if (all[i].id == id) {
      all[i].style.display = (all[i].style.display == 'none')? 'block' : 'active'; 
    } else {
      all[i].style.display = 'none';
    }
  }
  var elt = document.querySelectorAll(".installation_element");
  elt.forEach((el, i)=> el.onclick = e =>elt.forEach((el, n)=> n==i?el.classList.add('borderB'):el.classList.remove('borderB')));
}
Ответить с цитированием