https://dodind.com/Content2/new-assets/js/more-less-toggle.js

1
2function moreLess() {
3  var dots = document.getElementById("dots");
4  var moreText = document.getElementById("more");
5    var btnText = document.getElementById("btnShowMoreLess");
6
7  if (dots.style.display === "none") {
8    dots.style.display = "inline";
9    btnText.innerHTML = "Show more"; 
10    moreText.style.display = "none";
11  } else {
12    dots.style.display = "none";
13    btnText.innerHTML = "Show less"; 
14    moreText.style.display = "inline";
15  }
16}
17
18function moreLessDynamic(dots, more, btnShowMoreLess) {
19    var dots = document.getElementById(dots);
20    var moreText = document.getElementById(more);
21    var btnText = document.getElementById(btnShowMoreLess);
22
23    if (dots.style.display === "none") {
24        dots.style.display = "inline";
25        btnText.innerHTML = "Show more";
26        moreText.style.display = "none";
27    } else {
28        dots.style.display = "none";
29        btnText.innerHTML = "Show less";
30        moreText.style.display = "inline";
31    }
32}