23 lines
772 B
JavaScript
23 lines
772 B
JavaScript
document.addEventListener('DOMContentLoaded', function () {
|
|
document.querySelectorAll('blockquote').forEach(function (el) {
|
|
const ps = el.querySelectorAll('p[data-cn]');
|
|
if (!ps.length) return;
|
|
|
|
const originals = Array.from(ps).map(p => p.textContent);
|
|
const translations = Array.from(ps).map(p => p.getAttribute('data-cn'));
|
|
let showing = 'orig';
|
|
|
|
function swap(to) {
|
|
ps.forEach((p, i) => {
|
|
p.textContent = to === 'cn' ? translations[i] : originals[i];
|
|
});
|
|
showing = to;
|
|
}
|
|
|
|
el.style.cursor = 'pointer';
|
|
el.addEventListener('mouseenter', () => swap('cn'));
|
|
el.addEventListener('mouseleave', () => swap('orig'));
|
|
el.addEventListener('click', () => swap(showing === 'orig' ? 'cn' : 'orig'));
|
|
});
|
|
});
|