<html>
<head>
<style>
.current{background: red}
</style>
</head>
<body>
<div id="webwidget_menu_glide3" class="webwidget_menu_glide">
<div class="webwidget_menu_glide_sprite"></div>
<ul>
<li class="current"><a href="#hdr">Главная</a></li>
<li><a href="#content">Наши услуги</a></li>
<li><a href="#container12">Наши принципы</a></li>
<li><a href="#">Пункт меню</a>
</li>
<li><a href="#">Пункт меню</a></li>
</ul>
<div style="clear: both"></div>
</div>
<script>
elements=document.querySelector("#webwidget_menu_glide3")
.querySelector("ul")
.querySelectorAll("li")
chng=function(){
for(var i = 0; i<elements.length; i++){
elements[i].className=""
}
this.className="current"
}
;[].forEach.call(elements, function(el){el.onclick=chng})
</script>
</body>
</html>