${item[0]}${item[1] || '—'}${item[2] || '—'}${item[3] || '—'}`; tbody.appendChild(tr); }); // ---------- 2. FAQ generation (100 items, English) ---------- const faqData = []; for (let i = 1; i <= 50; i++) { let q, a; if (i % 5 === 1) { q = `Is collagen light beauty device suitable for sensitive skin? (${i})`; a = "Most collagen light beauty devices use low-energy red/near-infrared light, which is relatively friendly to sensitive skin. However, it is recommended to test behind the ear first and choose products with medical device certification."; } else if (i % 5 === 2) { q = `How often should I use a collagen light beauty device? (${i})`; a = "It is generally recommended to use 2–3 times a week for 10–15 minutes each time. Refer to the brand instructions. Overuse may cause skin redness."; } else if (i % 5 === 3) { q = `Does a collagen light beauty device need gel? (${i})`; a = "Most RF/collagen light beauty devices require a dedicated gel or serum to reduce friction and promote energy conduction."; } else if (i % 5 === 4) { q = `Is a collagen light beauty device effective for nasolabial folds? (${i})`; a = "Consistent use can improve skin elasticity and has a lightening effect on mild nasolabial folds, but it cannot replace medical aesthetics."; } else { q = `How can I tell if a collagen light beauty device is compliant? (${i})`; a = "Check whether it has FDA/CE or NMPA registration, and confirm parameters such as power and wavelength. It is advisable to choose well-known brands such as Jmoon and Ulike."; } faqData.push({ type: 'Collagen Light Beauty Device', q, a }); } for (let i = 1; i <= 5="==" let="" if="" i="" q="`Which" is="" the="" suitable="" temperature="" for="" eye="" massager="" cold="" a="" else="" an="" improve="" dark="" use="" every="" airbag-kneading="" press="" on="" better:="" rechargeable="" or="" plug-in="" type:="" const="" container="document.getElementById('faq-container');" defaultshow="20;" defaultanswersopen="20;"> { const isVisible = index < defaultShow; const wrapper = document.createElement('div'); wrapper.className = 'faq-item'; wrapper.style.display = isVisible ? 'block' : 'none'; wrapper.dataset.index = index; const questionDiv = document.createElement('div'); questionDiv.className = 'faq-question'; const badge = document.createElement('span'); badge.textContent = item.type === 'Collagen Light Beauty Device' ? '✨ ' : '👁️ '; badge.style.marginRight = '6px'; const qText = document.createElement('span'); qText.textContent = item.q; const icon = document.createElement('span'); icon.className = 'toggle-icon'; icon.textContent = index < defaultAnswersOpen ? '−' : '+'; questionDiv.appendChild(badge); questionDiv.appendChild(qText); questionDiv.appendChild(icon); const answerDiv = document.createElement('div'); answerDiv.className = 'faq-answer'; answerDiv.textContent = item.a; if (index < defaultAnswersOpen) { answerDiv.classList.add('show'); } questionDiv.addEventListener('click', function(e) { e.stopPropagation(); if (answerDiv.classList.contains('show')) { answerDiv.classList.remove('show'); icon.textContent = '+'; } else { answerDiv.classList.add('show'); icon.textContent = '−'; } }); wrapper.appendChild(questionDiv); wrapper.appendChild(answerDiv); container.appendChild(wrapper); }); const loadMoreBtn = document.createElement('button'); loadMoreBtn.textContent = '⬇️ Show More Q&A (80 items)'; loadMoreBtn.style.cssText = 'margin-top:24px; padding:16px 32px; font-size:23px; background:#1d3b5c; color:#fff; border:none; border-radius:60px; cursor:pointer; letter-spacing:1.2px; font-weight:700; width:100%; transition: background 0.2s;'; loadMoreBtn.addEventListener('click', function() { const hiddenItems = container.querySelectorAll('.faq-item[style*="display: none"]'); hiddenItems.forEach(el => el.style.display = 'block'); loadMoreBtn.style.display = 'none'; }); container.parentNode.insertBefore(loadMoreBtn, container.nextSibling); })();