https://www.vitra.com.tr/_ui/responsive/common/js/custom/newHomePage/readMore.js

1document.addEventListener("DOMContentLoaded", () => {
2  const readMoreContainer = document.getElementById("read-more-container");
3  if (!readMoreContainer) return;
4
5  const textElement = document.getElementById("read-more-text");
6  const buttonElement = document.getElementById("read-more-button");
7
8  if (!textElement || !buttonElement) return;
9
10  let isExpanded = false;
11  const maxLines = 3;
12  const readMoreText = ACC.config.moreText;
13  const readLessText = ACC.config.lessText;
14
15  // Metin yüksekliğini kontrol eder ve gerekirse butonu gösterir
16  const checkTextHeight = () => {
17    const lineHeight = parseInt(
18      window.getComputedStyle(textElement).lineHeight || "24"
19    );
20    const textHeight = textElement.scrollHeight;
21    const maxHeight = lineHeight * maxLines;
22
23    // Eğer metin kırpılması gerekiyorsa butonu göster
24    if (textHeight > maxHeight) {
25      buttonElement.classList.remove("hidden");
26    } else {
27      buttonElement.classList.add("hidden");
28    }
29  };
30
31  // Genişletme/daraltma işlemini yapar
32  const toggleExpand = () => {
33    isExpanded = !isExpanded;
34
35    if (isExpanded) {
36      textElement.classList.remove("line-clamp-3");
37      buttonElement.textContent = readLessText;
38    } else {
39      textElement.classList.add("line-clamp-3");
40      buttonElement.textContent = readMoreText;
41    }
42  };
43
44  // Buton tıklama olayını dinle
45  buttonElement.addEventListener("click", toggleExpand);
46
47  // Sayfa yüklendiğinde ve yeniden boyutlandırıldığında yükseklik kontrolü yap
48  checkTextHeight();
49  window.addEventListener("resize", checkTextHeight);
50});