Herald International School

About Herald International School

Herald International School provides quality education in a supportive and friendly environment to students from classes 1-6 in the British curriculum. /** * SG Modules Selector enhancement (optional) * - Clicking the card toggles the underlying switcher * - Adds .is-active / data-checked for styling * * If Voxel markup differs, adjust selectors. */ (function(){ function init(){ var cards = document.querySelectorAll('.sg-module-card'); if(!cards.length) return; c... See More Herald International School provides quality education in a supportive and friendly environment to students from classes 1-6 in the British curriculum. /** * SG Modules Selector enhancement (optional) * - Clicking the card toggles the underlying switcher * - Adds .is-active / data-checked for styling * * If Voxel markup differs, adjust selectors. */ (function(){ function init(){ var cards = document.querySelectorAll('.sg-module-card'); if(!cards.length) return; cards.forEach(function(card){ var input = card.querySelector('input[type="checkbox"], input[type="radio"]'); if(!input) return; function sync(){ if(input.checked){ card.classList.add('is-active'); card.setAttribute('data-checked','1'); } else { card.classList.remove('is-active'); card.setAttribute('data-checked','0'); } } sync(); card.addEventListener('click', function(e){ var tag = (e.target && e.target.tagName) ? e.target.tagName.toLowerCase() : ''; if(tag === 'input' || tag === 'label' || tag === 'a' || tag === 'button') return; input.click(); }); input.addEventListener('change', sync); }); } if(document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', init); } else { init(); } })(); See Less