Back
Pershendetje
function sapToggleAudio(id, btn){ const a = document.getElementById(id); // pause others document.querySelectorAll('audio').forEach(x => { if(x!==a) x.pause(); }); if(a.paused){ a.play(); } else { a.pause(); } } // ===== Sapientify: Numbered Vocab Tabs (JS) ===== (function(){ // tab switching document.addEventListener('click', function(e){ const btn = e.target.closest('.sap-step[data-target]'); if(!btn) return; const wrap = btn.closest('.sap-tabs'); const targetSel = btn.getAttribute('data-target'); const target = wrap.querySelector(targetSel); if(!target) return; // update buttons wrap.querySelectorAll('.sap-step').forEach(b=>{ b.classList.toggle('is-active', b===btn); b.setAttribute('aria-selected', b===btn ? 'true' : 'false'); }); // update panels wrap.querySelectorAll('.sap-tab').forEach(p=>{ if(p===target){ p.hidden=false; p.classList.add('is-active'); } else{ p.hidden=true; p.classList.remove('is-active'); } }); }); // play/pause audio inside the example cell document.addEventListener('click', function(e){ const aBtn = e.target.closest('.sap-audio-btn[data-audio]'); if(!aBtn) return; const id = aBtn.getAttribute('data-audio'); const audio = document.getElementById(id); if(!audio) return; if(audio.paused){ audio.play(); } else{ audio.pause(); } }); })();