document.querySelectorAll(‘.column-title’).forEach(title => { title.addEventListener(‘click’, () => { const list = title.nextElementSibling; const triangle = title.querySelector(‘.triangles’); if (list.style.display === ‘none’) { list.style.display = ‘block’; triangle.style.transform = ‘rotate(180deg)’; } else { list.style.display = ‘none’; triangle.style.transform = ‘rotate(0deg)’; } }); }); document.getElementById(‘column-search’).addEventListener(‘input’, function() { const searchTerm = this.value.toLowerCase(); document.querySelectorAll(‘.column-list’).forEach(list => { list.querySelectorAll(‘li’).forEach(item => { if (item.textContent.toLowerCase().includes(searchTerm)) { item.style.display = ‘list-item’; } else { item.style.display = ‘none’; } }); }); }); document.querySelectorAll(‘.column-list’).forEach(list => { const items = list.querySelectorAll(‘li’); if (items.length > 6) { // Cacher les éléments après le 6ème for (let i = 6; i { expanded = !expanded; if (expanded) { items.forEach(item => item.style.display = ‘list-item’); toggleButton.textContent = ‘View less’; // Changer le texte du bouton toggleButton.appendChild(triangle); // S’assurer que le triangle reste présent triangle.style.transform = ‘rotate(180deg)’; // Tourner le triangle } else { for (let i = 6; i < items.length; i++) { items[i].style.display = 'none'; } toggleButton.textContent = 'View more'; // Changer le texte du bouton toggleButton.appendChild(triangle); // S'assurer que le triangle reste présent triangle.style.transform = 'rotate(0deg)'; // Retourner le triangle } }); } });