#more {display: none;}

<h2>Başlık</h2>
<p>gözükecek içerik
<span id="dots">...</span>
<span id="more">içeriğin tamamı</span></p>
<button onclick="myFunction()" id="myBtn">Devamını Göster</button>

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 = "Devamını Göster";
    moreText.style.display = "none";
  } else {
    dots.style.display = "none";
    btnText.innerHTML = "Devamını Gizle";
    moreText.style.display = "inline";
  }
}