fixed menu "active" state
parent
3c04a71b08
commit
96a4cbd8d1
@ -1,3 +1,22 @@
|
||||
</div><!--END container -->
|
||||
|
||||
</div><!--END container -->
|
||||
<script>
|
||||
(function() {
|
||||
// On menu click, change "active" state
|
||||
var menuEl = document.querySelector('.nav'),
|
||||
liEls = menuEl.querySelectorAll('li'),
|
||||
parentEl;
|
||||
|
||||
menuEl.addEventListener('click', function(e) {
|
||||
parentEl = e.target.parentNode;
|
||||
if (parentEl.nodeName === 'LI') {
|
||||
for(var x=0,numLis=liEls.length;x<numLis;x++) {
|
||||
if (liEls[x] !== parentEl) liEls[x].className = '';
|
||||
else parentEl.className = 'active';
|
||||
}
|
||||
}
|
||||
}, false);
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue