dantist433,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</script>
</head>
<body><p style="height: 1500px"></p>
<a href="#" onclick="look(event,'extra_fields')">Характеристики</a>
<div class="extra_fields" id="extra_fields" style="display:none;">
<div><span class="extra_fields_name">Рекомендации по сферам применения</span>: <span class="extra_fields_value">Для предприятий с высокой проходимостью для предоставления чека до 80 мм</span></div><br>
<div><span class="extra_fields_name">Способ печати</span>: <span class="extra_fields_value">Термопечать</span></div><br>
<div><span class="extra_fields_name">Принтер</span>: <span class="extra_fields_value">АТОЛ</span></div><br>
<div><span class="extra_fields_name">Печатающий механизм</span>: <span class="extra_fields_value">LTP04-347-A1, Seiko Instruments (Япония)</span></div><br>
<div><span class="extra_fields_name">Качество печати, dpi</span>: <span class="extra_fields_value">203</span></div><br>
<div><span class="extra_fields_name">ЕГАИС</span>: <span class="extra_fields_value">да</span></div><br>
<div><span class="extra_fields_name">54 - ФЗ</span>: <span class="extra_fields_value">да</span></div><br>
</div>
<script>
function look(event, elemId) {
event.preventDefault()
var elem = document.getElementById(elemId);
elem.style.display = elem.style.display != "none" ? "none" : "block";
}
</script>
</body>
</html>