document.addEventListener('DOMContentLoaded', function() {
	const tldrElements = document.querySelectorAll('.tldr');

	tldrElements.forEach(function(el) {
		let isExpanded = false;

		el.addEventListener('click', function(e) {
			e.preventDefault();
			isExpanded = !isExpanded;
			let hasSpan = el.querySelector('span');
			let target = hasSpan? hasSpan : el;
			window.eraseText(target, 5).then(() => window.typeText(target, isExpanded ? this.dataset.long : this.dataset.short));
			target.classList.remove('typeText');
		});
	});
});