document.addEventListener('DOMContentLoaded', function () {
const charLimit = 700; // adjust character limit here
const tabContent = document.querySelector('#tab-description .fusion-text');
if (!tabContent) return;
const originalHTML = tabContent.innerHTML;
const plainText = tabContent.textContent || tabContent.innerText;
if (plainText.length <= charLimit) return; // Don't apply accordion if under limit
const truncatedHTML = plainText.substring(0, charLimit).trim() + '...';
tabContent.innerHTML = `
${truncatedHTML}
${originalHTML}
See More
`;
const toggle = tabContent.querySelector('.see-more-toggle');
const shortText = tabContent.querySelector('.see-more-short');
const fullText = tabContent.querySelector('.see-more-full');
toggle.addEventListener('click', function () {
const isExpanded = fullText.classList.contains('see-more-hidden') === false;
fullText.classList.toggle('see-more-hidden');
shortText.classList.toggle('see-more-hidden');
toggle.textContent = isExpanded ? 'See More' : 'See Less';
});
});