JSFiddle - React, Tailwind, and code Playground

by Serg Sagan

HTML

<div class="description">
  <h2>Краткое описание</h2>
  <p>При установке ксенонового оборудования на современные автомобили, оснащенные бортовым компьютером, часто можно столкнуться с тем, что компьютер выдает ошибку в работе системы освещения (загорается соответствующая лампочка на панели приборов). На целом
    ряде автомобилей это приводит к автоматическому отключению подачи питания на фары. </p>
  <p class="text1" style="display: none; text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic ipsa sequi commodi laudantium ab nihil explicabo molestiae placeat, veniam atque officiis eum totam aliquam! Architecto, sunt. Nulla repellat eos, beatae modi culpa reiciendis est eius magni
    excepturi ipsa cumque distinctio!</p>
  <a href="javascript:look('text1');" class="a-text1" style="color: #315d81;font-size: 14px;
font-weight: 400; text-decoration: underline;">Показать полностью</a>
</div>

<script>
  function look(t) {
    var pList = document.getElementsByClassName(t);
    var l = document.getElementsByClassName("a-" + t)[0];
    for (var i = 0; i < pList.length; i++) {
      var p = pList[i];
      if (p.style.display == "block") {
        l.innerHTML = "Показать полностью";
        p.style.display = "none";
      } else {
        l.innerHTML = "скрыть";
        p.style.display = "block";
      }
    }
  }

</script>