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>
|
</body>
|
||||||
</html>
|
</html>
|
Loading…
Reference in New Issue