Кнопка Показать больше/Показать меньше

Пример

<p>Как уже неоднократно упомянуто, стремящиеся вытеснить
 традиционное производство, нанотехнологии освещают
 чрезвычайно<span id="dots">...</span>
 <span id="more"> интересные особенности картины в целом,
 однако конкретные выводы, разумеется, объединены в целые кластеры
 себе подобных! Прежде всего, курс на социально-ориентированный
 национальный проект прекрасно подходит для реализации системы
 массового участия.</span>
</p>

<button onclick="myreadMoreFunction()" id="myReadBtn">Показать больше</button>

Пример

#more {
  display: none;
}

Пример

function myFunction() {
  var dots = document.getElementById("dots");
  var moreText = document.getElementById("more");
  var btnText = document.getElementById("myBtn");

  if (dots.style.display === "none") {
    dots.style.display = "inline";
    btnText.innerHTML = "Показать больше";
    moreText.style.display = "none";
  } else {
    dots.style.display = "none";
    btnText.innerHTML = "Показать меньше";
    moreText.style.display = "inline";
  }
}