https://www.neu-sw.de/_assets/2464b80dd420777e81be1353212ade81/JavaScript/readmoreElements.js?1738682071

1// Alle divs die für readmore zustäandig sind
2var readmores = document.querySelectorAll(".readmoreElements");
3
4Array.from(readmores).forEach(function (readmore) {
5    var readmoreButton = readmore.querySelector(".readmoreElementsButton");
6
7    var numberOfElements = parseFloat(readmore.getAttribute("data-numberOfElements"));
8
9    var children;
10    // Alle Elemente im Container
11    if (readmoreButton.closest(".container")) {
12        children = readmoreButton.closest(".container").querySelectorAll(".readmoreElement");
13    }
14    else {
15        children = readmoreButton.closest(".row").querySelectorAll(".readmoreElement");
16    }
17    
18    var readmoreChildren = Array.from(children).slice(numberOfElements);
19
20    var hidden = true;
21
22    toggleHidden(readmoreChildren, hidden, readmoreButton);
23
24    readmoreButton.addEventListener('click', function () {
25        hidden = !hidden;
26        toggleHidden(readmoreChildren, hidden, readmoreButton);
27    });
28});
29
30function toggleButtonText(hidden, button) {
31    if (hidden) {
32        button.textContent = button.getAttribute("data-showText");
33    }
34    else {
35        button.textContent = button.getAttribute("data-hideText");
36    }
37}
38
39function toggleHidden(hiddenChildren, hidden, button) {
40
41    hiddenChildren.forEach(function (child) {
42        child.toggleAttribute("hidden", hidden);
43    });
44
45    if(parseInt(button.getAttribute("data-type")) === 0){
46        toggleButtonText(hidden, button);
47    }
48}