[_marisha]

Доброго времени суток!
Реализовано отображение пунктов при нажатии на которые изменяется контент страницы. Т.е. при нажатии на "Пункт 1" содержание страницы одно, при нажатии на "Пункт 2" содержание на этой же странице другое.

<div class="installation">
			<div class="installation_element">
			
				<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>

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';
    }
  }
}

При нажатии на пункт устанавливается стиль display: block;.
Подскажите, каким образом сделать так, чтобы у выделенного пункта отображалось подчеркивание внизу (скрин "Смена контента")? Спасибо.