Это например модуль Menu он делает поведение меню, все дочерние элементы контейнера он принимает за пункты меню, за шаблон активного пункта меню принимает первый пункт. все просто... пока просто))
<link rel="stylesheet" href="http://football-forecasts.ru/style.css"/>
<script src="http://football-forecasts.ru/fix.js"></script>
<script src="http://football-forecasts.ru/ui.min.js"></script>
<style>
.green{ background-color: green }
.red{ background-color: red}
</style>
<script>
ui.module['Menu'] = function(module) {
var $items = module.children();
var $active = $items.eq(0);
var activeClass = $items.eq(0).classMask($items.eq(1));
$items.on('click', function() {
$active.removeClass(activeClass);
$active = this.addClass(activeClass);
});
};
</script>
<nav ui="Menu" class="row Menu">
<a class="__active">google</a>
<a>yandex</a>
<a>microsoft</a>
<a>msn</a>
<a>rambler</a>
<a>yahoo</a>
</nav>
<ul ui="Menu" class="column Menu">
<li class="green __active">Пункт 1</li>
<li class="green">Пункт 2</li>
<li class="green">Пункт 3</li>
<li class="red">Пункт 4</li>
<li class="green">Пункт 5</li>
</ul>