fixed menu "active" state

This commit is contained in:
Julian Lam
2013-04-23 10:16:16 -04:00
parent 3c04a71b08
commit 96a4cbd8d1
2 changed files with 20 additions and 2 deletions

View File

@@ -37,7 +37,6 @@ var ajaxify = {};
if (ajaxify.go(url)) {
ev.preventDefault();
return false;
}
}

View File

@@ -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>