<script>document.addEventListener('DOMContentLoaded', function () { document.querySelectorAll('table.expandable-table').forEach(function (table) { var noButtons = table.classList.contains('no-buttons'); // collect header labels from thead th OR first tbody tr td var headers = []; var theadThs = table.querySelectorAll('thead th'); if (theadThs.length) { headers = Array.from(theadThs).map(function (th) { return th.textContent.trim(); }); } else { var firstRow = table.querySelector('tbody tr:first-child'); if (firstRow) { headers = Array.from(firstRow.querySelectorAll('td')).map(function (td) { return td.textContent.trim(); }); } } // only process data rows (skip first tbody tr if it's the header row) var hasthead = !!theadThs.length; var dataRows = Array.from(table.querySelectorAll('tbody tr')); if (!hasthead) dataRows = dataRows.slice(1); dataRows.forEach(function (row) { var tds = row.querySelectorAll('td'); // stamp data-label for mobile tds.forEach(function (td, j) { if (headers[j]) td.setAttribute('data-label', headers[j]); }); // hide first-child td on mobile if it's effectively empty var firstTd = tds[0]; if (firstTd && firstTd.textContent.trim() === '') { firstTd.classList.add('et-empty-label'); } // wrap content in preview/full tds.forEach(function (td, j) { var original = td.innerHTML; if (j === 0) { td.innerHTML = '<span class="et-label">' + original + '</span>' + '<div class="et-preview">' + original + '</div>' + '<div class="et-full">' + original + '</div>'; } else { td.innerHTML = '<div class="et-preview">' + original + '</div>' + '<div class="et-full">' + original + '</div>'; } }); // mobile: tap first cell to toggle row tds[0].addEventListener('click', function () { if (window.innerWidth > 980) return; row.classList.toggle('et-open'); }); // desktop toggle on first cell if (!noButtons) { requestAnimationFrame(function () { var overflows = Array.from(row.querySelectorAll('.et-preview')).some(function (el) { return el.scrollHeight > el.clientHeight + 1; }); if (!overflows) return; var toggle = document.createElement('span'); toggle.className = 'et-toggle'; toggle.textContent = 'Show more ▾'; tds[0].appendChild(toggle); toggle.addEventListener('click', function () { if (window.innerWidth <= 980) return; var open = row.querySelector('.et-full').classList.contains('open'); row.querySelectorAll('.et-full').forEach(function (el) { el.classList.toggle('open', !open); }); row.querySelectorAll('.et-preview').forEach(function (el) { el.style.display = open ? '' : 'none'; }); toggle.textContent = open ? 'Show more ▾' : 'Show less ▴'; }); }); } }); }); });</script>Professional House Cleaning Services Sydney | Reliable Local Cleaners Sydney